/* Start:/local/templates/summer/css/custom.css?1786614836232286*/
@charset "UTF-8";
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v16/JTUSjIg69CK48gW7PXooxW4.ttf) format('truetype');
}
body,
html {
  font-family: "Bebas Neue", sans-serif !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 120% !important;
  color: var(--chernyy) !important;
  background-color: var(--belyy) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.projects-top__box {
  border-bottom: 1px solid var(--seryy-linii);
}
.projects-top {
  border-top: 1px solid var(--seryy-linii);
}
.section--old-formats {
  margin-bottom: 20px;
  margin-top: 130px;
}
.section--old-formats .ofmt__counter {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 10;
}
@media (max-width: 767px) {
  .section--old-formats .ofmt__counter,
  .section--old-formats .ofmt__header-right {
    display: none;
  }
}
.section--photogallery {
  margin-top: 130px;
}
.section--photogallery .projects-top__title {
  margin-bottom: 30px;
}
.section--photogallery .object-card-top__box {
  flex: none;
}
.gallery__single-content .object-card-top__box {
  position: relative;
}
.gallery__single-content .object-card-top__box .gallery__single-plus {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
@media (hover: hover) {
  .gallery__single-content:hover .gallery__single-plus {
    opacity: 1;
  }
}
.formats {
  display: flex;
  gap: 0;
  min-height: 480px;
}
.formats .formats__item {
  border-top: 1px solid var(--seryy-linii);
  width: 90%;
}
.formats .formats__list {
  align-items: flex-end;
}
.ready-flats {
  display: flex;
  border-top: 1px solid var(--seryy-linii);
  border-bottom: 1px solid var(--seryy-linii);
}
.ready-flats .ready-flats__name {
  color: var(--chernyy);
  font-size: 22px;
  line-height: 110%;
}
.ready-flats__left {
  flex: 0 33%;
}
.ready-flats__right {
  flex: 0 66%;
}
.ready-flats__left {
  padding: 50px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.ready-flats__title {
  color: var(--chernyy);
  font-size: 45px;
  line-height: 110%;
  margin-bottom: 20px;
}
.ready-flats__desc {
  font-family: var(--second-family);
  font-size: 16px;
  line-height: 130%;
  color: var(--seryy-2);
  margin-bottom: 30px;
}
.ready-flats__right {
  border-left: 1px solid var(--seryy-linii);
}
.ready-flats__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  background: var(--seryy-linii);
}
.ready-flats__card {
  display: flex;
  flex-direction: column;
  background: var(--belyy);
  text-decoration: none;
  color: var(--chernyy);
  transition: opacity 0.3s ease-in-out;
  min-width: 0;
}
@media (hover: hover) {
  .ready-flats__card:hover {
    opacity: 0.75;
  }
}
.ready-flats__img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.ready-flats__img img {
  width: 100%;
  max-width: 260px;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform 0.4s ease-in-out;
}
@media (hover: hover) {
  .ready-flats__card:hover .ready-flats__img img {
    transform: scale(1.04);
  }
}
.ready-flats__info {
  padding: 15px 20px 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}
.ready-flats__info-text {
  flex: 1;
  min-width: 0;
}
.ready-flats__caption {
  font-family: var(--font-family);
  font-size: 12px;
  line-height: 130%;
  color: var(--seryy-2);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ready-flats__name {
  color: var(--chernyy);
  font-size: 22px;
  line-height: 110%;
}
@media (max-width: 1010px) {
  .ready-flats {
    flex-direction: column;
  }
  .ready-flats__left,
  .ready-flats__right {
    width: 100%;
  }
  .ready-flats__left {
    padding: 30px 20px;
  }
  .ready-flats__right {
    border-left: unset;
  }
  .ready-flats__grid {
    grid-template-columns: 1fr 1fr;
  }
  .ready-flats__img {
    padding: 10px;
  }
}
.formats__preview {
  flex: 0 0 50%;
  position: relative;
  overflow: hidden;
}
.formats__preview.left {
  padding: unset;
}
.formats__preview.left .projects-top__title {
  padding: 60px 40px 10px;
}
.formats__preview.left .main-info__desc {
  padding-left: 40px;
  padding-right: 40px;
}
.formats__preview-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}
.formats__preview-img.formats__preview-img--fade {
  opacity: 0;
}
.formats__preview-img.formats__preview-img--hidden {
  display: none;
}
.formats__preview-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.formats__preview-video.formats__preview-video--hidden {
  display: none;
}
.formats__list {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow-y: auto;
}
.formats__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 28px;
  border-bottom: 1px solid #e8e8e8;
  cursor: pointer;
  transition: background 0.2s;
}
.formats__item:last-child {
  border-bottom: none;
}
.formats__item:hover {
  background-color: var(--zelenyy);
}
.formats__item:hover .formats__item-name {
  color: white;
}
.section--life {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
}
.section--life .caption {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  font-family: "Bebas Neue", sans-serif;
}
.section--life .life-new__btn.is-active {
  background-color: var(--zelenyy);
  border-color: var(--zelenyy);
  color: var(--belyy);
}
.life-new {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.life-new__left {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 60px 40px;
}
.life-new__right {
  flex: 0 0 50%;
  max-width: 50%;
  position: sticky;
  top: 100px;
  padding: 60px 40px;
  border-left: 1px solid var(--seryy-linii);
}
.formats__item-name {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #1d1d1d;
  transition: color 0.2s;
  line-height: 1.1;
  flex: 1;
}
.formats__item-thumb {
  flex: 0 0 100px;
  height: 68px;
  overflow: hidden;
  border-radius: 4px;
}
.formats__item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 1024px) {
  .formats {
    flex-direction: column;
    min-height: auto;
  }
  .formats__preview {
    flex: none;
    height: 320px;
  }
  .formats__item-name {
    font-size: 18px;
  }
}
.formats__mobile-nav {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-top: 1px solid var(--seryy-linii);
}
.formats__mobile-title {
  flex: 1;
  text-align: center;
  font-family: var(--font-family);
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.1;
  color: var(--chernyy);
  padding: 0 12px;
}
@media (max-width: 767px) {
  .formats__preview {
    height: auto;
    overflow: visible;
  }
  .formats__preview-img,
  .formats__preview-video {
    height: auto;
    aspect-ratio: 16/9;
  }
  .formats__list {
    display: none;
  }
  .formats__mobile-nav {
    display: flex;
  }
  .formats__item {
    padding: 14px 16px;
    gap: 12px;
  }
  .formats__item-name {
    font-size: 16px;
  }
  .formats__item-thumb {
    flex: 0 0 80px;
    height: 54px;
  }
}
.section--video .project-features__center {
  width: 66%;
  max-width: unset;
  border-right: 1px solid var(--seryy-linii);
  padding: 60px 40px;
}
section#section-video {
  border-bottom: 1px solid var(--seryy-linii);
  border-top: 1px solid var(--seryy-linii);
}
section#section-video .project-features__wrap {
  width: 33%;
  max-width: unset;
  padding: 60px 40px;
}
section#section-video .project-features__container {
  flex-direction: row-reverse;
}
.videos__side-header--mobile {
  display: none;
}
@media (max-width: 767px) {
  .videos__side-header--mobile {
    display: block;
    padding: 20px 20px 0;
  }
  .section--video .project-features__center {
    width: 100%;
    border-right: none;
    padding: 0;
    height: auto;
  }
  section#section-video .project-features__body {
    flex-direction: column;
    gap: 0;
  }
  section#section-video .project-features-swiper {
    height: 56vw;
  }
  section#section-video .project-features-swiper__title {
    padding: 8px 0px 0;
  }
  section#section-video .project-features__wrap {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  section#section-video .project-features__top {
    display: none;
  }
  section#section-video .project-features__container {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  section#section-video .project-features__container::before {
    content: '';
    display: block;
    height: 1px;
    background: var(--seryy-linii);
    margin: 12px 0px;
  }
  section#section-video .project-features__container-box {
    display: none;
  }
  section#section-video .project-features-slick {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    pointer-events: auto !important;
    width: 100%;
    padding: 0 0px 16px;
    box-sizing: border-box;
  }
  section#section-video .project-features-slick__slide {
    width: 120px !important;
    height: 80px !important;
    position: relative;
    cursor: pointer;
  }
  section#section-video .project-features-slick__slide.is-thumb-active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--zelenyy);
  }
}
.mainwrap .header {
  padding-top: 10px;
  padding-bottom: 10px;
}
.mainwrap .header::before {
  bottom: 0;
}
.mainwrap .header__logo svg {
  width: 50px;
  height: 50px;
}
.mainwrap .header__nav ul li a {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #1d1d1d;
}
.mainwrap .header__phone {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: #8DA827;
  color: #fff;
  padding: 8px 18px;
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
}
.mainwrap .header__phone:hover {
  opacity: 0.85;
  color: #fff;
}
.socials-top__single {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #8DA827;
  border-radius: 4px;
  margin-right: 8px;
  text-decoration: none;
}
.socials-top__single:last-child {
  margin-right: 0;
}
.socials-top__icon {
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(1);
}
.section--banner .banner__content {
  position: absolute;
  width: 50%;
  padding: 25px 40px 50px 30px;
  background: #242424;
  right: 0;
  bottom: 0;
  z-index: 16;
}
.section--banner .promo-bottom__caption {
  min-height: 50px;
  color: white;
  margin-bottom: 15px;
  font-size: 40px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-family: "Bebas Neue", sans-serif;
}
.button {
  gap: 10px;
  padding: 5px 10px 5px 15px;
  background: var(--belyy);
  cursor: pointer;
}
.button,
.link-item {
  display: inline-flex;
  align-items: center;
  border-radius: 1000px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 1000px;
  padding: 5px 10px 5px 15px;
  background: var(--belyy);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  cursor: pointer;
}
.button {
  background: #8da827;
  color: white;
}
.formats {
  max-height: max-content;
}
.videos__layout {
  display: flex;
  align-items: stretch;
  gap: 48px;
  padding: 60px 0;
}
.videos__layout .videos__main {
  flex: 0 0 63%;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.videos__layout .videos__stage {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #111;
  flex-shrink: 0;
}
.videos__layout .videos__stage .videos__poster-img,
.videos__layout .videos__stage iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: none;
}
.videos__layout .videos__caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px;
  background: #1a1a1a;
}
.videos__layout .videos__caption-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.2;
}
.videos__layout .videos__play-circle {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--zelenyy);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
  padding: 0;
}
.videos__layout .videos__play-circle:hover {
  opacity: 0.8;
}
.videos__layout .videos__play-circle svg {
  display: block;
  margin-left: 2px;
}
.videos__layout .videos__side {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-top: 6px;
  min-width: 0;
}
.videos__layout .videos__side-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.videos__layout .videos__eyebrow {
  display: block;
  font-family: var(--second-family);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--seryy-2);
}
.videos__layout .videos__heading {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 46px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.videos__layout .videos__thumbs-wrap {
  overflow: hidden;
}
.videos__layout .videos__thumbs {
  display: flex;
  gap: 8px;
  transition: transform 0.35s ease;
}
.videos__layout .videos__thumb {
  flex: 0 0 calc(33.333% - 6px);
  aspect-ratio: 16/9;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background: #e8e8e8;
  flex-shrink: 0;
}
.videos__layout .videos__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.videos__layout .videos__thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  transition: border-color 0.2s;
  pointer-events: none;
}
.videos__layout .videos__thumb:hover img {
  transform: scale(1.06);
}
.videos__layout .videos__thumb.is-active::after {
  border-color: var(--zelenyy);
}
.videos__layout .videos__nav {
  display: flex;
  gap: 8px;
  align-self: flex-end;
  margin-top: auto;
}
.videos__layout .videos__nav-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid var(--seryy-linii);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--chernyy);
  transition: border-color 0.2s, background 0.2s, color 0.2s;
  padding: 0;
}
.videos__layout .videos__nav-btn svg {
  display: block;
}
.videos__layout .videos__nav-btn:hover:not(:disabled) {
  border-color: var(--zelenyy);
  background: var(--zelenyy);
  color: #fff;
}
.videos__layout .videos__nav-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
@media (max-width: 1024px) {
  .videos__layout {
    flex-direction: column;
    gap: 24px;
  }
  .videos__layout .videos__main {
    flex: none;
  }
  .videos__layout .videos__heading {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .videos__layout {
    padding: 40px 0;
    gap: 20px;
  }
  .videos__layout .videos__heading {
    font-size: 30px;
  }
  .videos__layout .videos__thumb {
    flex: 0 0 calc(50% - 4px);
  }
}
.project-features-swiper__slide {
  position: relative;
}
.project-features-swiper__slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-features-swiper__title {
  padding: 10px 0 0;
  color: var(--chernyy);
  font-family: var(--font-family);
  font-size: 22px;
  line-height: 1.3;
  display: flex;
  justify-content: space-between;
}
.project-features-swiper__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  border: 2px solid rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, border-color 0.2s;
  z-index: 2;
  padding: 0;
}
.project-features-swiper__play-btn:hover {
  background: rgba(0, 0, 0, 0.65);
  border-color: #fff;
}
@media (max-width: 767px) {
  .mainwrap .promo {
    height: 100svh;
  }
}
.about-info-card__icon svg {
  color: #242424;
  transition: color 0.3s ease;
}
@media (hover: hover) {
  .about-info-card:hover .about-info-card__icon svg {
    color: var(--zelenyy);
  }
}
@media (max-width: 767px) {
  .about-info-card__icon svg {
    color: var(--zelenyy);
  }
}
@media (max-width: 991px) {
  /* Хедер растягивается на весь экран когда меню открыто */
  .mainwrap .header:has(.header__center.active) {
    height: 100svh;
    overflow: hidden;
  }
  .mainwrap .header:has(.header__center.active)::before {
    bottom: 0;
  }
  /* Цепочка высот: inner → center → nav */
  .mainwrap .header:has(.header__center.active) .header__inner {
    height: 100%;
  }
  .mainwrap .header__center.active {
    flex: 1 !important;
    height: 0 !important;
    min-height: 0;
    overflow: visible;
    display: flex !important;
    flex-direction: column;
  }
  /* Nav заполняет центр целиком */
  .mainwrap .header__center.active .header__nav {
    flex: 1;
    min-height: 0;
    display: flex !important;
    flex-direction: column;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transform: none !important;
    overflow: hidden;
  }
  .mainwrap .header__nav ul {
    flex: 1;
    overflow-y: auto;
    align-items: stretch !important;
    flex-direction: column;
  }
  .mainwrap .header__nav ul li {
    margin: 0 !important;
    width: 100%;
    position: relative;
  }
  .mainwrap .header__nav ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #aaaaaa;
  }
  .mainwrap .header__nav ul li:last-child::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #aaaaaa;
  }
  .mainwrap .header__nav ul li a {
    font-size: 28px !important;
    line-height: 130%;
    display: block !important;
    width: 100%;
    padding: 16px 20px;
    text-align: left !important;
    box-sizing: border-box;
  }
  .mainwrap .header__nav-footer {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    position: relative;
    flex-shrink: 0;
  }
  .mainwrap .header__nav-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #aaaaaa;
  }
  .mainwrap .header__mobile-socials {
    margin-top: 0 !important;
    justify-content: flex-start !important;
  }
  .mainwrap .header__nav-footer .link {
    display: inline-flex !important;
  }
  .mainwrap .header__nav-footer .socials-top {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .gallery {
    grid-template-areas: "gallery-1 gallery-2" "gallery-3 gallery-4" "gallery-5 gallery-6" "gallery-7 gallery-7" "gallery-8 gallery-9" !important;
  }
  .gallery__single--5,
  .gallery__single--6 {
    height: 160px !important;
  }
  .gallery__single--7 {
    height: 160px !important;
    margin-top: 0 !important;
  }
  .gallery__single--8,
  .gallery__single--9 {
    height: 160px !important;
    margin-top: 0 !important;
  }
}
@-webkit-keyframes genplan-icon-move-x {
  0%,
  to {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(10px);
  }
}
@keyframes genplan-icon-move-x {
  0%,
  to {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(10px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes bounceUpDown {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes bounceUpDown {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
:root {
  --font-family: "Bebas Neue", sans-serif;
  --second-family: "Mulish", sans-serif;
  --third-family: "SF Pro", sans-serif;
  --zelenyy: #8da827;
  --chernyy: #000;
  --belyy: #fff;
  --fon: #242424;
  --seryy-linii: #aaa;
  --seryy-2: #515151;
  --oshibka: #ce1e1e;
  --fon-seryy: #f2f2f2;
  --proekty-oktyabrskiy: #ed6f4c;
  --proekty-na-vzletnoy: #9a0061;
  --proekty-yuzhnyy-bereg: #da7048;
  --proekty-kechoveli: #947f6e;
  --proekty-na-spadaryana: #d8c858;
  --proekty-na-svobodnom: #a2c1c9;
  --proekty-akadem: #697c4d;
}
html {
  box-sizing: border-box;
  cursor: default;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
* {
  outline: 0;
}
*,
::after,
::before {
  box-sizing: inherit;
}
::-moz-selection {
  color: #fff;
  background: #1b64fa;
}
::selection {
  color: #fff;
  background: #1b64fa;
}
body,
html {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  color: var(--chernyy);
  background-color: var(--belyy);
  margin: 0;
  padding: 0;
}
body.preloader-body,
html.preloader-body {
  height: 100dvh;
  overflow: hidden;
}
body {
  overflow-x: hidden;
}
body.lock {
  overflow: hidden;
  height: 100vh;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family), sans-serif;
}
.h1,
.h3,
.h4,
.h5 {
  font-weight: 400;
  font-size: 130px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: var(--belyy);
}
.h3,
.h4,
.h5 {
  font-size: 45px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.h4,
.h5 {
  font-size: 30px;
  line-height: 120%;
}
.h5 {
  font-size: 22px;
  color: var(--belyy);
}
.dark {
  color: var(--chernyy);
}
.white {
  color: var(--belyy);
}
ol,
ul {
  padding-left: 0;
  list-style-type: none;
}
ol,
p,
ul {
  margin-top: 0;
  margin-bottom: 0;
}
figure {
  margin: 0 auto;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
blockquote {
  margin: 0;
}
sub,
sup {
  line-height: 1em;
  font-size: 0.75em;
}
a {
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-property: background-size;
  text-decoration: none;
  cursor: pointer;
}
[role=button],
[type=button],
[type=reset],
[type=submit],
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  padding: 0;
  border: 0;
  background-color: transparent;
  margin: 0;
}
[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: auto;
  font-weight: inherit;
  text-transform: inherit;
  text-align: left;
}
[role=button][disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled],
button[disabled] {
  cursor: initial;
}
select,
textarea {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
}
select::placeholder,
textarea::placeholder {
  opacity: 1;
}
input[type=email]::-ms-clear,
input[type=email]::-ms-reveal,
input[type=password]::-ms-clear,
input[type=password]::-ms-reveal,
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal,
input[type=tel]::-ms-clear,
input[type=tel]::-ms-reveal,
input[type=text]::-ms-clear,
input[type=text]::-ms-reveal {
  display: none;
}
input[type=email]::-webkit-search-cancel-button,
input[type=email]::-webkit-search-decoration,
input[type=email]::-webkit-search-results-button,
input[type=email]::-webkit-search-results-decoration,
input[type=password]::-webkit-search-cancel-button,
input[type=password]::-webkit-search-decoration,
input[type=password]::-webkit-search-results-button,
input[type=password]::-webkit-search-results-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration,
input[type=tel]::-webkit-search-cancel-button,
input[type=tel]::-webkit-search-decoration,
input[type=tel]::-webkit-search-results-button,
input[type=tel]::-webkit-search-results-decoration,
input[type=text]::-webkit-search-cancel-button,
input[type=text]::-webkit-search-decoration,
input[type=text]::-webkit-search-results-button,
input[type=text]::-webkit-search-results-decoration {
  display: none;
}
input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
select {
  cursor: pointer;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
select::-ms-expand {
  display: none;
}
textarea {
  resize: none;
}
img,
video {
  height: auto;
  display: block;
}
svg,
use {
  transform: translateZ(0);
  display: block;
}
img,
svg,
video {
  max-width: 100%;
}
hr {
  border: 0;
  height: 1px;
  margin: 0;
  width: 100px;
  background-color: rgba(0, 0, 0, 0.18);
}
@media (max-width: 1010px) {
  body,
  html {
    font-size: 14px;
  }
}
@media (max-width: 760px) {
  .h4 {
    font-size: 20px;
  }
}
.page {
  overflow: hidden;
}
.page-main {
  padding-top: 90px;
}
#map,
.page-container {
  position: relative;
}
.top {
  padding-top: 90px;
  padding-bottom: 30px;
}
.top-wrap {
  display: flex;
  justify-content: space-between;
}
.top-genplan {
  display: flex;
  align-items: center;
  gap: 10px;
}
.top-genplan__icon {
  width: 40px;
  height: 40px;
}
.back svg,
.button-item svg,
.top-genplan__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.top-genplan__title {
  flex: 1;
}
.top .h1 {
  color: var(--chernyy);
}
.section {
  padding-top: 200px;
}
.section-m {
  margin-top: 200px;
}
.section-item {
  margin-bottom: 200px;
}
.article h1.mb-5,
.article h2.mb-5,
.article h3.mb-5,
.article h4.mb-5,
.article h5.mb-5,
.article h6.mb-5,
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-40 {
  margin-bottom: 40px;
}
.wrapper {
  margin: 0 auto;
  padding: 0 40px;
}
.wrapper-small {
  max-width: 710px;
  margin: 0 auto;
  padding: 0 20px;
}
.block {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 0s ease-in-out;
}
.block.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}
.back,
.button-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  padding: 5px 15px;
  background-color: var(--belyy);
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.back span,
.button-item span {
  padding-top: 3px;
}
.back svg,
.button-item svg {
  width: 20px;
  height: 20px;
}
.back svg *,
.button-item svg * {
  transition: stroke 0.3s ease-in-out;
}
@media (hover: hover) {
  .back:hover {
    background-color: var(--fon);
    border-color: var(--fon);
    color: var(--belyy);
  }
  .back:hover svg * {
    stroke: var(--belyy);
  }
}
@media (hover: hover) {
  .button-item:hover {
    background-color: var(--fon);
    border-color: var(--fon);
    color: var(--belyy);
  }
  .button-item:hover svg * {
    stroke: var(--belyy);
  }
}
#map {
  width: 100%;
  height: 100%;
}
.bebas-neue {
  font-family: "Bebas Neue", sans-serif;
}
.flex,
.flex-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-center {
  justify-content: center;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.img-cover img,
.svg-cover svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-contain img,
.logo img,
.svg-contain svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.logo {
  width: 52px;
  height: 50px;
}
.btn {
  font-family: "Bebas Neue", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #222;
  padding: 25px;
  border-radius: 50px;
  background-color: #cef952;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}
.btn_item,
.btn_item-green,
.field {
  background-color: transparent;
  border: 1px solid #222;
}
@media (hover: hover) {
  .btn_item:hover {
    border-color: #eefdc2;
  }
}
.btn_item-green,
.field {
  border: 2px solid #cef952;
}
@media (hover: hover) {
  .btn:hover {
    background-color: #eefdc2;
  }
}
.field {
  width: 100%;
  font-family: var(--font-family), sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--belyy);
  padding: 30px;
  border: 0;
  border-bottom: 1px solid var(--seryy-2);
  border-radius: 0!important;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
  resize: none;
  height: 99px;
}
.field.is-invalid {
  border-bottom-color: var(--oshibka);
}
.field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.85);
}
.field:-moz-placeholder,
.field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.85);
}
.field:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.85);
}
.field:focus {
  color: #fff;
}
.caption {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.tabs {
  display: flex;
  gap: 5px;
}
.article p b,
.breadcrumbs li,
.tab {
  font-weight: 400;
  text-transform: uppercase;
  color: var(--chernyy);
}
.tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  border: 1px solid var(--chernyy);
  border-radius: 100px;
  padding: 8px 15px 5px;
  background-color: var(--belyy);
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
.tab.active {
  color: var(--belyy);
  background-color: var(--fon);
  border-color: var(--fon);
}
@media (hover: hover) {
  .tab:hover {
    color: var(--belyy);
    background-color: var(--fon);
    border-color: var(--fon);
  }
}
.tab_item.active {
  background-color: var(--zelenyy);
  border-color: var(--zelenyy);
}
@media (hover: hover) {
  .tab_item:hover {
    background-color: var(--zelenyy);
    border-color: var(--zelenyy);
  }
}
.breadcrumbs {
  display: flex;
}
.article p b,
.breadcrumbs li {
  font-family: var(--font-family);
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
}
.breadcrumbs li:not(:first-child)::before {
  content: "/";
  position: relative;
  margin: auto 20px;
}
.breadcrumbs li a {
  color: var(--seryy-linii);
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  .breadcrumbs li a:hover {
    color: var(--chernyy);
  }
}
.breadcrumbs li:last-child a {
  color: var(--chernyy);
}
.promo-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  background-color: var(--fon);
}
.promo-card__box {
  padding: 30px 30px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}
.checbox__icon span,
.promo-card__img {
  width: 100%;
  height: 100%;
}
.promo-card__img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.arrows {
  display: flex;
  gap: 5px;
}
.arrow {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  border: 1px solid var(--belyy);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.arrow img,
.promo-card__img img {
  width: 100%;
  height: 100%;
}
.arrow img *,
.arrow svg * {
  transition: all 0.3s;
}
.arrow img,
.arrow svg {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (hover: hover) {
  .arrow:hover:not(.arrow:hover.swiper-button-disabled) {
    background-color: var(--belyy);
  }
  .arrow:hover:not(.arrow:hover.swiper-button-disabled) svg * {
    stroke: var(--chernyy);
  }
}
.arrow_dark {
  border-color: var(--chernyy);
}
@media (hover: hover) {
  .arrow_dark:hover:not(.arrow_dark:hover.swiper-button-disabled) {
    background-color: var(--chernyy);
  }
  .arrow_dark:hover:not(.arrow_dark:hover.swiper-button-disabled) svg * {
    stroke: var(--belyy);
  }
}
.arrow.swiper-button-disabled {
  opacity: 0.24;
}
.checbox,
.checbox__icon {
  display: flex;
  align-items: center;
}
.checbox {
  gap: 10px;
  cursor: pointer;
}
.checbox input {
  display: none;
}
.checbox__icon {
  justify-content: center;
  border: 1px solid var(--belyy);
  width: 20px;
  height: 20px;
  padding: 3px;
  transition: all 0.4s;
}
.checbox__icon span {
  display: inline-flex;
  background-color: var(--zelenyy);
  opacity: 0;
  transition: all 0.4s;
}
.checbox__caption {
  width: calc(100% - 30px);
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--belyy);
  transition: all 0.4s;
}
.checbox input[type=checkbox]:checked + .checbox__icon span,
.checbox input[type=radio]:checked + .checbox__icon span {
  opacity: 1;
  transition: all 0.4s;
}
.link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 1000px;
  padding: 5px 10px 5px 15px;
  background: var(--belyy);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  cursor: pointer;
}
.button span,
.link span,
.link-item span {
  display: inline-flex;
  padding-top: 3px;
}
.link_dark {
  background: var(--fon);
  color: var(--belyy);
}
.link_green {
  background: var(--zelenyy);
  color: var(--belyy);
}
.link_item {
  border: 1px solid var(--chernyy);
}
.button,
.link-item {
  display: inline-flex;
  align-items: center;
  border-radius: 1000px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.link-item {
  border: 1px solid var(--chernyy);
  padding: 4px 15px;
}
@media (hover: hover) {
  .link-item:hover {
    color: var(--belyy);
    background-color: var(--chernyy);
  }
}
.button {
  gap: 10px;
  padding: 5px 10px 5px 15px;
  background: var(--belyy);
}
.button p {
  position: relative;
  overflow: hidden;
  top: -1px;
}
.button span {
  transition: all 0.3s ease-in-out;
}
.button span:first-child {
  transition-delay: 0.2s;
}
.button svg * {
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .button:hover {
    background-color: var(--zelenyy);
    color: var(--belyy);
  }
  .button:hover span:first-child {
    transform: translateY(-20px);
    transition-delay: 0s;
  }
  .button:hover svg > rect {
    fill: var(--belyy);
  }
  .button:hover svg * {
    fill: #242424;
  }
}
.btn-chats {
  width: 45px;
  height: 45px;
  border-radius: 100px;
  background-color: var(--fon);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
@media (hover: hover) {
  .btn-chats:hover {
    background-color: var(--zelenyy);
  }
}
.overlay,
.video {
  width: 100%;
  height: 100%;
}
.video {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.social {
  display: flex;
  gap: 20px;
}
.social-link {
  display: inline-flex;
}
@media (max-width: 1999px) {
  .top_item .breadcrumbs {
    display: none;
  }
}
@media (max-width: 1010px) {
  .top {
    padding-bottom: 20px;
  }
  .top_item .top-wrap.flex-column {
    flex-direction: row;
  }
  .page-main,
  .top {
    padding-top: 70px;
  }
  .section {
    padding-top: 100px;
  }
  .section-m {
    margin-top: 100px;
  }
  .section-item {
    margin-bottom: 100px;
  }
  .wrapper {
    padding: 0 20px;
  }
  .logo {
    width: 32px;
    height: 30px;
  }
  .field {
    font-size: 16px;
    padding: 20px 10px;
    height: 71px;
  }
  .h1 {
    font-size: 70px;
  }
  .h3 {
    font-size: 28px;
  }
  .caption,
  .h5 {
    font-size: 16px;
  }
  .arrow {
    width: 30px;
    height: 30px;
  }
  .checbox__caption {
    font-size: 12px;
  }
  .social {
    gap: 10px;
    margin-top: 40px;
    justify-content: space-between;
  }
  .btn-chats {
    width: 40px;
    height: 40px;
  }
  .btn-chats svg {
    width: 24px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
@media (max-width: 760px) {
  .top-genplan__title {
    min-height: 62px;
    display: flex;
    align-items: center;
  }
  .breadcrumbs.m-hidden {
    display: none;
  }
  .breadcrumbs li {
    font-size: 16px;
  }
  .breadcrumbs li:not(:first-child)::before {
    margin-left: 0;
    margin-right: 10px;
  }
  .breadcrumbs li:not(:last-child) {
    display: none;
  }
}
@media (max-width: 710px) {
  .promo-card {
    display: flex;
    gap: 0;
    flex-direction: column-reverse;
  }
  .promo-card__box {
    padding: 20px 20px 30px;
    gap: 10px;
  }
}
@font-face {
  font-family: "Bebas Neue";
  src: url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Light/Bebas Neue Light.eot");
  src: url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Light/Bebas Neue Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Light/Bebas Neue Light.woff") format("woff"), url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Light/Bebas Neue Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Bebas Neue";
  src: url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Regular/Bebas Neue Regular.eot");
  src: url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Regular/Bebas Neue Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Regular/Bebas Neue Regular.woff") format("woff"), url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Regular/Bebas Neue Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Bebas Neue";
  src: url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Bold/Bebas Neue Bold.eot");
  src: url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Bold/Bebas Neue Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Bold/Bebas Neue Bold.woff") format("woff"), url("/local/templates/summer/css/../fonts/Bebas Neue/Bebas Neue Bold/Bebas Neue Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Mulish";
  src: url("/local/templates/summer/css/../fonts/Mulish/Mulish Regular/Mulish-Regular.ttf");
  src: url("/local/templates/summer/css/../fonts/Mulish/Mulish Regular/Mulish-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro";
  src: url("/local/templates/summer/css/../fonts/SF Pro/SF Pro Light/SF Pro Light.eot");
  src: url("/local/templates/summer/css/../fonts/SF Pro/SF Pro Light/SF Pro Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/css/../fonts/SF Pro/SF Pro Light/SF Pro Light.woff") format("woff"), url("/local/templates/summer/css/../fonts/SF Pro/SF Pro Light/SF Pro Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro";
  src: url("/local/templates/summer/css/../fonts/SF Pro/SF Pro Display Regular/SF Pro Display Regular.eot");
  src: url("/local/templates/summer/css/../fonts/SF Pro/SF Pro Display Regular/SF Pro Display Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/css/../fonts/SF Pro/SF Pro Display Regular/SF Pro Display Regular.woff") format("woff"), url("/local/templates/summer/css/../fonts/SF Pro/SF Pro Display Regular/SF Pro Display Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
.about-benefits {
  display: flex;
}
.about-benefits__body,
.about-benefits__wrap {
  width: 50%;
}
.about-benefits__body {
  padding: 40px 40px 50px;
  min-height: 700px;
  background: var(--fon);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
.about-benefits__caption {
  margin-bottom: 50px;
}
.about-benefits__title {
  margin-bottom: 20px;
}
.about-benefits__text-swiper {
  overflow: hidden;
}
.about-benefits__desc {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--belyy);
}
.about-benefits__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.about-benefits__number {
  display: flex;
  gap: 5px;
}
.about-benefits__number-active {
  font-size: 22px;
  color: var(--belyy);
}
.about-benefits__number-value {
  color: var(--seryy-linii);
  position: relative;
}
.about-benefits__wrap {
  overflow: hidden;
}
.about-benefits__swiper {
  height: 100%;
}
.about-benefits__slide {
  height: auto;
}
.about-benefits__img,
.catalog-map #catalog-yandex-map {
  width: 100%;
  height: 100%;
}
.about-benefits__img img,
.about-info__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .about-benefits__caption {
    margin-bottom: 30px;
  }
  .about-benefits__number {
    gap: 5px;
  }
}
@media (max-width: 1010px) {
  .about-benefits {
    display: flex;
    flex-direction: column-reverse;
  }
  .about-benefits__body,
  .about-benefits__wrap {
    width: 100%;
  }
  .about-benefits__body {
    padding: 30px 20px;
    min-height: auto;
  }
  .about-benefits__wrap {
    height: 80vw;
  }
  .about-benefits__caption {
    margin-bottom: 20px;
  }
  .about-benefits__title {
    margin-bottom: 10px;
  }
  .about-benefits .arrow {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 760px) {
  .about-benefits__wrap {
    height: 65vw;
  }
  .about-benefits__desc {
    font-size: 12px;
    line-height: 125%;
  }
}
.about-info {
  width: 100%;
  height: calc(100dvh - 70px);
  position: relative;
  z-index: 16;
}
.about-info__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.about-info__wrap {
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  align-items: flex-end;
}
.about-info .wrapper {
  height: 100%;
}
.about-info-card {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  padding: 30px 30px 40px;
  width: auto;
  min-height: 296px;
  background-color: var(--belyy);
  transition: background-color 0.3s ease-in-out;
}
.about-info-card__top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.about-info-card__caption,
.about-info-card__subtitle,
.about-info-card__title {
  transition: color 0.3s ease-in-out;
}
.about-info-card__bottom,
.about-info-card__icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-info-card__icon {
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 1000px;
  background-color: var(--fon);
  transition: background-color 0.3s ease-in-out;
}
.about-info-card__icon img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (hover: hover) {
  .about-info-card:hover {
    background-color: var(--fon);
  }
  .about-info-card:hover .about-info-card__caption,
  .about-info-card:hover .about-info-card__subtitle,
  .about-info-card:hover .about-info-card__title {
    color: var(--belyy);
  }
  .about-info-card:hover .about-info-card__icon {
    background-color: var(--zelenyy);
  }
}
@media (max-width: 1010px) {
  .about-info {
    height: auto;
  }
  .about-info__bg {
    position: relative;
  }
  .about-info__wrap {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
  .about-info-card {
    width: 100%;
    padding: 20px 20px 40px;
    min-height: auto;
    background-color: var(--fon);
    border-bottom: 1px solid var(--seryy-2);
  }
  .about-info-card__top {
    gap: 10px;
  }
  .about-info-card__caption,
  .about-info-card__subtitle,
  .about-info-card__title {
    color: var(--belyy);
  }
  .about-info-card__icon {
    background-color: var(--zelenyy);
  }
  .about-info-card__icon img {
    width: 15px;
    height: 15px;
  }
  .about-info-card__bottom {
    align-items: flex-end;
  }
}
.accordeon {
  border-top: 1px solid var(--seryy-linii);
  padding-top: 10px;
  padding-bottom: 10px;
}
.accordeon:last-child {
  border-bottom: 1px solid var(--seryy-linii);
}
.accordeon-top {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  gap: 20px;
  padding-bottom: 10px;
}
.accordeon__title {
  flex: 1;
}
.accordeon__title.h4 {
  font-size: 35px;
}
.accordeon__icon {
  border-radius: 1000px;
  background-color: var(--fon);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordeon__icon svg {
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
  object-fit: contain;
}
.accordeon__icon svg rect:first-child {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.3s ease-in-out;
}
.accordeon-desc {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--chernyy);
}
.accordeon-desc p,
.article h1.mb-10,
.article h2.mb-10,
.article h3.mb-10,
.article h4.mb-10,
.article h5.mb-10,
.article h6.mb-10 {
  margin-bottom: 10px;
}
.accordeon-desc ul {
  list-style: disc;
  margin-bottom: 10px;
  padding-left: 20px;
}
.accordeon .link,
.article-text p + p {
  margin-top: 10px;
}
.accordeon.active .accordeon__icon svg rect:first-child {
  transform: rotate(90deg);
}
@media (max-width: 1010px) {
  .accordeon-top {
    padding-right: 20px;
    padding-bottom: 10px;
    gap: 20px;
  }
  .accordeon__title.h4 {
    font-size: 28px;
  }
  .accordeon-hidden {
    padding-top: 0;
  }
}
@media (max-width: 710px) {
  .accordeon__title.h4 {
    font-size: 20px;
  }
  .accordeon-desc {
    font-size: 12px;
    padding-right: 60px;
  }
  .accordeon-desc p,
  .accordeon-desc ul {
    margin-bottom: 8px;
  }
}
.apartment-card {
  background-color: var(--belyy);
  overflow: hidden;
  position: relative;
}
.apartment-card__top {
  position: relative;
  height: auto;
}
.apartment-card__tag {
  position: absolute;
  display: inline-flex;
  border: 1px solid var(--fon);
  border-radius: 1000px;
  padding: 5px 15px;
  top: 25px;
  right: 25px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--belyy);
  background-color: var(--fon);
  z-index: 8;
}
.apartment-card__tag span {
  display: inline-flex;
  margin-top: 3px;
}
.apartment-card__img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.apartment-card__img img,
.card-page-info__icon img,
.card-page-location__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.apartment-card__img img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.apartment-card__bottom {
  padding: 20px 25px 40px;
  transition: background-color 0.3s ease-in-out;
}
.apartment-card__bottom * {
  transition: color 0.3s ease-in-out;
}
.apartment-card__info {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--seryy-linii);
}
.apartment-card__details-object {
  font-size: 35px;
}
.apartment-card__details-object span {
  color: var(--seryy-linii);
}
.apartment-card__row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.apartment-card__items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.apartment-card__item {
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  position: relative;
}
.apartment-card__item:not(:last-child)::after {
  content: "•";
  position: relative;
  display: inline-flex;
  margin-left: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.apartment-card__nav {
  display: flex;
  gap: 10px;
}
@media (hover: hover) {
  .apartment-card:hover .apartment-card__img img:last-child {
    opacity: 1;
  }
}
@media (max-width: 1010px) {
  .apartment-card__tag {
    padding: 8px 15px;
    top: 10px;
    right: 10px;
    font-size: 14px;
    line-height: 107%;
  }
  .apartment-card__details-object {
    font-size: 20px;
  }
  .apartment-card__details-object span {
    display: inline-flex;
  }
  .apartment-card__price {
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.03em;
  }
  .apartment-card__bottom {
    padding: 10px 10px 20px;
  }
  .apartment-card__item {
    font-size: 10px;
  }
  .apartment-card__item:not(:last-child)::after {
    font-size: 10px;
  }
}
.article {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.article h1.mb-15,
.article h2.mb-15,
.article h3.mb-15,
.article h4.mb-15,
.article h5.mb-15,
.article h6.mb-15 {
  margin-bottom: 15px;
}
.article h1.mb-20,
.article h2.mb-20,
.article h3.mb-20,
.article h4.mb-20,
.article h5.mb-20,
.article h6.mb-20 {
  margin-bottom: 20px;
}
.article h1.mb-30,
.article h2.mb-30,
.article h3.mb-30,
.article h4.mb-30,
.article h5.mb-30,
.article h6.mb-30 {
  margin-bottom: 30px;
}
.article h2,
.article-date {
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.article h2 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 35px;
  line-height: 120%;
}
.article-date {
  font-size: 16px;
  line-height: 110%;
}
.article h2,
.article-text {
  color: var(--chernyy);
}
.article-text p b {
  display: block;
  margin-top: 20px;
}
.article-text ul {
  list-style: disc;
  padding-left: 20px;
}
.article-text ul li {
  margin-top: 4px;
}
.article-subtitle,
.article-text {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
.article-sliders {
  overflow: hidden;
}
.article-swiper .swiper-slide {
  width: 100%;
  height: 500px;
}
.article-swiper .swiper-slide img,
.article-swiper-small .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.article-swiper-small {
  margin-top: 5px;
}
.article-swiper-small .swiper-slide {
  width: 88px;
  height: 60px;
}
.article-coll,
.article-row {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.article-coll {
  gap: 5px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.article-coll__top {
  display: flex;
  justify-content: space-between;
}
.article-coll__items {
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  gap: 5px;
}
.article-coll__item {
  display: inline-flex;
  border-radius: 70px;
  width: 100%;
  height: 5px;
  background-color: var(--seryy-linii);
  position: relative;
}
.article-coll__item span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 70px;
  background-color: var(--zelenyy);
  opacity: 0;
  transition: background-color 0.3s ease-in-out;
}
.article-coll__item span.active {
  opacity: 1;
}
.article-container {
  position: relative;
}
@media (max-width: 710px) {
  .article {
    gap: 20px;
  }
  .article-text {
    font-size: 12px;
    line-height: 125%;
  }
  .article-swiper .swiper-slide {
    height: auto;
  }
  .article-swiper-small .swiper-slide {
    width: 51px;
    height: 35px;
  }
}
.b-404 {
  padding-top: 70px;
}
.b-404__body {
  display: flex;
  border-top: 1px solid var(--seryy-linii);
  min-height: 500px;
}
.b-404__wrap {
  width: 50%;
  padding-top: 30px;
}
.b-404__wrap:first-child {
  padding-right: 40px;
}
.b-404__wrap:last-child {
  padding-left: 40px;
  border-left: 1px solid var(--seryy-linii);
}
.b-404-btn,
.b-404__caption {
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.b-404-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  line-height: 125%;
  letter-spacing: 0.02em;
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  padding: 5px 15px;
  background-color: var(--belyy);
  margin-top: 30px;
}
.b-404-btn span {
  padding-top: 3px;
}
.b-404 .search-form {
  max-width: 100%;
  padding: 0;
  margin-top: 15px;
}
@media (max-width: 1199px) {
  .b-404__title {
    font-size: 110px;
  }
}
@media (max-width: 1010px) {
  .b-404 {
    padding-top: 50px;
  }
  .b-404__title {
    font-size: 70px;
  }
  .b-404__wrap {
    padding-top: 20px;
  }
  .b-404__wrap:first-child {
    padding-right: 20px;
  }
  .b-404__wrap:last-child {
    padding-left: 20px;
  }
  .b-404-btn {
    margin-top: 16px;
  }
}
@media (max-width: 760px) {
  .b-404 {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .b-404__body {
    flex-direction: column;
    gap: 30px;
    border-top: none;
    min-height: auto;
  }
  .b-404__wrap {
    width: 100%;
    padding-top: 0;
  }
  .b-404__wrap:first-child {
    padding-right: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .b-404__wrap:last-child {
    padding-left: 0;
    border-left: none;
  }
  .b-404__caption {
    font-size: 12px;
  }
  .b-404-btn {
    margin-top: 0;
  }
  .b-404 .search-form {
    margin-top: 10px;
  }
}
.apartments-recomendations {
  padding-top: 100px;
  padding-bottom: 150px;
  background-color: var(--fon-seryy);
  overflow: hidden;
}
.apartments-recomendations__body {
  margin-top: 40px;
}
.apartments-recomendations__swiper * {
  box-sizing: border-box;
}
@media (max-width: 1010px) {
  .apartments-recomendations {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .apartments-recomendations__slide {
    width: 300px;
  }
}
.card-page {
  padding-top: 70px;
  display: flex;
  align-items: flex-start;
}
.card-page__box {
  padding: 30px 40px 40px 20px;
}
.card-page__box:not(:last-child) {
  border-bottom: 1px solid var(--seryy-linii);
}
.card-page__nav {
  display: flex;
  gap: 10px;
  margin-top: 30px;
}
.card-page__caption + .card-page-items {
  margin-top: 0;
}
.card-page__block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
.card-page-details-object {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 70px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.card-page-details-object span {
  color: var(--seryy-linii);
}
.card-page-items {
  margin-top: -20px;
}
.card-page-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--seryy-linii);
  padding: 20px 0;
  color: var(--chernyy);
}
.card-page-desc {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: var(--seryy-linii);
}
.card-page-link {
  display: block;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.card-page-link + .card-page-link,
.info-recommendations-card__desc p + p {
  margin-top: 10px;
}
.card-page-left {
  flex: 1;
  position: relative;
  align-self: stretch;
}
.card-page-left__sticky {
  position: relative;
  border-bottom: 1px solid var(--seryy-linii);
  padding: 40px;
  height: calc(100dvh - 70px);
  background-color: var(--belyy);
}
.card-page-left__body {
  width: 1035px;
  height: 100%;
  margin: 0 auto;
}
.card-page-left__block,
.card-page-left__block a img {
  height: 100%;
}
.card-page-left__block a {
  display: block;
  height: 100%;
}
.card-page-left__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 40px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.card-page-left__play {
  position: absolute;
  right: 40px;
  bottom: 20px;
  z-index: 8;
}
.card-page-left .back {
  position: absolute;
  top: 20px;
  left: 40px;
  z-index: 8;
}
.card-page-right {
  width: 640px;
  border-left: 1px solid var(--seryy-linii);
}
@media (min-width: 1950px) {
  .card-page-right {
    width: 850px;
  }
}
.card-page-right-top {
  border-bottom: 1px solid var(--seryy-linii);
  padding: 20px 40px 40px 20px;
}
.card-page-right-top__box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 30px;
}
.card-page-location {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--chernyy);
  margin-bottom: 10px;
}
.card-page-location__icon {
  width: 25px;
  height: 25px;
}
.card-page-location__caption {
  flex: 1;
}
.card-page-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 0;
  margin-top: 10px;
}
.card-page-info__coll {
  display: flex;
  align-items: center;
  gap: 5px;
}
.card-page-info__icon {
  width: 50px;
  height: 50px;
}
.card-page-info__caption {
  color: var(--chernyy);
}
.card-page-info__desc {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: var(--chernyy);
}
@media (max-width: 1599px) {
  .card-page-left__body {
    width: 100%;
    height: 40vw;
    max-height: 550px;
  }
  .card-page-left__block {
    width: 100%;
    height: 100%;
  }
  .card-page-left__block img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
  }
  .card-page-right {
    width: 500px;
  }
}
@media (max-width: 1199px) {
  .card-page-details-object span {
    display: block;
    margin-top: 5px;
  }
  .card-page-left__body {
    height: 42vw;
  }
  .card-page-right {
    width: 420px;
  }
  .card-page-info {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 1010px) {
  .card-page {
    padding-top: 50px;
    padding-bottom: 90px;
    flex-direction: column;
    gap: 40px;
  }
  .card-page__box {
    padding: 30px 0 40px;
  }
  .card-page__caption + .card-page-items {
    margin-top: 0;
  }
  .card-page-desc {
    font-size: 10px;
  }
  .card-page-desc br {
    display: none;
  }
  .card-page-details-object {
    font-size: 50px;
    line-height: 90%;
  }
  .card-page-details-object span {
    display: inline-flex;
    margin-top: 0;
  }
  .card-page-items {
    margin-top: -25px;
  }
  .card-page-item {
    padding: 15px 0;
  }
  .card-page-link {
    font-size: 12px;
  }
  .card-page-left {
    flex: auto;
    align-self: auto;
    width: 100%;
  }
  .card-page-left__sticky {
    padding: 20px;
    height: auto;
  }
  .card-page-left__body {
    height: 60vw;
    max-height: 400px;
  }
  .card-page-left__nav {
    padding: 20px;
  }
  .card-page-left__play {
    right: 20px;
    bottom: auto;
    top: 20px;
  }
  .card-page-left .back {
    left: 20px;
  }
  .card-page-right {
    width: 100%;
    border-left: none;
    padding: 0 20px;
  }
  .card-page-right-top {
    padding: 0 0 40px;
  }
  .card-page-right-top__box {
    margin-top: 10px;
    flex-direction: column;
    gap: 10px;
  }
  .card-page-info {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
  .card-page-info__coll {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 760px) {
  .card-page {
    padding-bottom: 0;
  }
  .card-page-left {
    width: 100%;
  }
  .card-page-left__sticky {
    padding: 20px 40px;
  }
  .card-page-left__body {
    height: 100vw;
  }
  .card-page-right-top .link {
    width: 100%;
    justify-content: space-between;
  }
  .card-page-info {
    grid-template-columns: repeat(2, 1fr);
  }
}
.catalog-top {
  margin-top: -20px;
  margin-bottom: 40px;
}
.catalog-top__wrap {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.catalog-top__title {
  font-weight: 400;
  font-size: 28px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.catalog-top__close {
  border: 1px solid var(--belyy);
  border-radius: 1000px;
  width: 35px;
  height: 35px;
  background: var(--fon);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1599px) {
  .catalog-top {
    margin-top: 0;
  }
}
@media (max-width: 1010px) {
  .catalog-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: var(--belyy);
    overflow-y: auto;
    padding: 60px 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all 0.3s ease-in-out;
  }
  .catalog-top.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  .catalog-top__wrap {
    display: flex;
  }
  .catalog-top .wrapper {
    height: 100%;
  }
}
.catalog-sticky,
.catalog-sticky__filter {
  align-items: center;
  background: var(--belyy);
}
.catalog-sticky {
  display: none;
  justify-content: space-between;
  width: 100%;
  z-index: 99;
  padding: 10px 20px;
}
.catalog-sticky__filter {
  display: flex;
  gap: 8px;
  padding: 5px 15px;
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  white-space: nowrap;
}
.catalog-sticky__filter svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
@media (hover: hover) {
  .catalog-sticky__filter:hover {
    background-color: var(--chernyy);
    color: var(--belyy);
  }
}
@media (max-width: 1010px) {
  .catalog {
    position: relative;
  }
  .catalog-sticky {
    display: flex;
  }
}
.catalog-filter {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
  padding-bottom: 50px;
}
.catalog-filter__item {
  flex: 1;
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  padding: 10px 15px;
  position: relative;
}
.catalog-filter__field,
.catalog-filter__inputs {
  display: flex;
  align-items: center;
}
.catalog-filter__field {
  justify-content: space-between;
  gap: 5px;
  flex: 1;
  min-width: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--seryy-linii);
}
.catalog-filter__field-box {
  display: flex;
  gap: 5px;
}
.catalog-filter__input {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  border: 0;
  background: 0 0;
  padding: 0;
  width: 60px;
  min-width: 0;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
}
.catalog-filter__input::-webkit-inner-spin-button,
.catalog-filter__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.catalog-filter__input:focus {
  outline: 0;
}
.catalog-filter__unit {
  text-transform: lowercase;
  flex-shrink: 0;
  white-space: nowrap;
}
.catalog-filter__sep {
  width: 1px;
  height: 20px;
  background-color: var(--seryy-linii);
  flex-shrink: 0;
  margin: 0 15px;
}
.catalog-filter__slider {
  margin: 10px 15px -11px;
  height: 1px;
  border: 0;
  border-radius: 0;
  background: var(--seryy-linii);
  box-shadow: none;
}
.catalog-filter__slider .noUi-connect {
  background: var(--chernyy);
}
.catalog-filter__slider .noUi-handle {
  width: 20px;
  height: 5px;
  right: -10px;
  top: calc(50% - 2.5px);
  border: 0;
  background: #000;
  box-shadow: none;
  cursor: pointer;
}
.catalog-filter__slider .noUi-handle::after,
.catalog-filter__slider .noUi-handle::before {
  display: none !important;
}
.catalog-filter__room input,
.catalog-filter__slider .noUi-tooltip {
  display: none;
}
.catalog-filter__select {
  position: relative;
}
.catalog-filter__rooms {
  display: flex;
  gap: 5px;
}
.catalog-filter__room {
  cursor: pointer;
}
.catalog-filter__room-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid var(--chernyy);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
input:checked + .catalog-filter__room-text {
  background-color: var(--fon);
  border-color: var(--belyy);
  color: var(--belyy);
}
@media (hover: hover) {
  .catalog-filter__room:hover .catalog-filter__room-text {
    background-color: var(--fon);
    border-color: var(--belyy);
    color: var(--belyy);
  }
}
.catalog-filter-reset {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  flex-shrink: 0;
}
.catalog-filter-reset__icon {
  border: 1px solid var(--seryy-2);
  border-radius: 1000px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.catalog-filter-reset svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  transition: transform 0.3s ease-in-out;
}
.catalog-btn svg *,
.catalog-filter-reset svg * {
  transition: stroke 0.3s ease-in-out;
}
.catalog-filter-reset span {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--seryy-2);
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  .catalog-filter-reset:hover .catalog-filter-reset__icon {
    border-color: var(--fon);
    background-color: var(--fon);
  }
  .catalog-filter-reset:hover span {
    color: var(--chernyy);
  }
  .catalog-filter-reset:hover svg {
    transform: rotate(-90deg);
  }
  .catalog-filter-reset:hover svg * {
    stroke: var(--belyy);
  }
}
.catalog-filter-submit {
  display: none;
}
.catalog-filter__actions {
  display: contents;
}
.catalog-filter-value {
  position: absolute;
  bottom: 5px;
  right: 0;
  color: var(--chernyy);
}
@media (max-width: 1599px) {
  .catalog-filter {
    padding-bottom: 0;
    flex-wrap: wrap;
  }
  .catalog-filter__item {
    flex: auto;
    width: calc(33% - 10px);
  }
  .catalog-filter-reset {
    position: relative;
  }
}
@media (max-width: 1010px) {
  .catalog-filter {
    height: 100%;
    align-content: flex-start;
    min-height: 500px;
  }
  .catalog-filter .select-options,
  .catalog-filter__item,
  .catalog-filter__rooms,
  .catalog-filter__select {
    width: 100%;
  }
  .catalog-filter-value {
    position: relative;
    bottom: 0;
    font-size: 28px;
    line-height: 110%;
  }
  .catalog-filter-value span {
    display: none;
  }
  .catalog-filter__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
  }
  .catalog-filter-reset {
    border: 1px solid var(--chernyy);
    border-radius: 1000px;
    padding: 5px 15px;
    background: var(--belyy);
  }
  .catalog-filter-reset__icon {
    display: none;
  }
  .catalog-filter-reset span {
    color: var(--chernyy);
    padding-top: 3px;
  }
  .catalog-filter-submit {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 15px;
    border: 1px solid var(--chernyy);
    border-radius: 1000px;
    background: var(--fon);
    cursor: pointer;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--belyy);
  }
  .catalog-filter-submit__count {
    font-size: 12px;
    background: var(--belyy);
    color: var(--chernyy);
    border-radius: 1000px;
    padding: 3.5px 5px;
    line-height: 1.2;
  }
  .catalog-filter .select-options__item {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .catalog-filter .select-options__item:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--seryy-linii);
  }
  .catalog-filter .select-options__text,
  .catalog-filter .select-options__value {
    font-size: 16px;
    line-height: 125%;
  }
}
.catalog-body {
  padding-top: 50px;
  padding-bottom: 150px;
  background: var(--fon-seryy);
}
.catalog-sorts__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.catalog-nav {
  display: flex;
  gap: 10px;
}
.catalog-nav--top {
  margin-top: auto;
  padding-bottom: 5px;
}
.catalog-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--chernyy);
  width: 45px;
  height: 45px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  background-color: transparent;
  text-decoration: none;
  box-sizing: border-box;
}
.catalog-btn.active {
  background-color: var(--chernyy);
}
.catalog-btn.active svg * {
  stroke: var(--belyy);
}
@media (max-width: 1010px) {
  .catalog-body {
    padding-top: 0;
    padding-bottom: 0;
    background: 0 0;
  }
  .catalog-sorts {
    margin-top: 10px;
  }
  .catalog-wrap {
    padding-top: 30px;
    padding-bottom: 70px;
    background: var(--fon-seryy);
  }
  .catalog-nav {
    gap: 5px;
  }
  .catalog-btn {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 760px) {
  .catalog-btn:first-child {
    display: none;
  }
}
.catalog-objects {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.catalog .object-card {
  width: calc(25% - 15px);
}
.catalog .catalog-objects--list .object-card {
  width: 100%;
  max-width: 1840px;
  margin: 0 auto;
}
@media (max-width: 1599px) {
  .catalog .object-card {
    width: calc(33.333% - 14px);
  }
}
@media (max-width: 1199px) {
  .catalog .object-card {
    width: calc(50% - 14px);
  }
}
@media (max-width: 1010px) {
  .catalog-objects {
    gap: 10px;
  }
  .catalog .object-card {
    width: calc(50% - 5px);
  }
}
.catalog-map {
  position: relative;
  width: 100%;
  height: calc(100dvh - 235px);
  min-height: 500px;
}
.catalog-map--genplan {
  height: calc(100dvh - 170px);
}
.catalog-map #catalog-yandex-map [class*=ground-pane],
.catalog-map #catalog-yandex-map [class*=map-copyrights-promo] {
  filter: grayscale(100%) contrast(1.1);
  -webkit-filter: grayscale(100%) contrast(1.1);
}
.catalog-map .map-marker__label {
  opacity: 1!important;
  visibility: visible!important;
  max-width: 300px!important;
  padding: 8px 10px!important;
  overflow: visible !important;
}
.catalog-map .map-marker--label-left .map-marker__label,
.catalog-map .map-marker__label {
  transform: translateX(0) !important;
}
@media (max-width: 1010px) {
  .catalog-map {
    height: calc(100dvh - 200px);
    min-height: 400px;
  }
  .catalog-map--genplan {
    height: calc(100dvh - 130px);
  }
}
@media (max-width: 760px) {
  .catalog-map {
    height: calc(100dvh - 160px);
    min-height: 350px;
  }
  .catalog-map--genplan {
    height: calc(100dvh - 150px) !important;
    min-height: 500px !important;
  }
}
.catalog_item {
  margin-top: 100px;
}
.catalog_item .catalog-top {
  margin-top: 0;
}
@media (max-width: 1010px) {
  .catalog_item .catalog-sorts {
    margin-top: 0;
  }
}
.comparison__body {
  display: flex;
  border-bottom: 1px solid var(--seryy-linii);
  border-top: 1px solid var(--seryy-linii);
}
.comparison__card {
  flex-basis: 50%;
  min-height: 400px;
}
.comparison__card:first-child {
  border-right: 1px solid var(--seryy-linii);
}
.comparison__card-body {
  padding: 30px 30px 30px 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.comparison__caption {
  font-size: 35px;
}
.comparison__items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.comparison__item {
  display: flex;
  gap: 6px;
}
.comparison__item-icon {
  width: 20px;
  height: 20px;
}
.comparison__item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.comparison__item-caption {
  flex: 1;
}
#map-projects-genplan,
.comparison__img,
.comparison__img img {
  width: 100%;
  height: 100%;
}
.comparison__img img {
  min-height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .comparison__caption {
    font-size: 30px;
  }
}
@media (max-width: 1010px) {
  .comparison__body {
    flex-direction: column;
  }
  .comparison__card {
    width: 100%;
    flex-basis: auto;
    min-height: auto;
  }
  .comparison__card-body {
    padding: 20px 20px 30px;
  }
  .comparison__card:first-child {
    border-right: none;
    border-bottom: 1px solid var(--seryy-linii);
  }
  .comparison__caption {
    font-size: 24px;
  }
  .comparison__img img {
    min-height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
@media (max-width: 710px) {
  .comparison__caption {
    font-size: 20px;
  }
  .comparison__items {
    gap: 5px;
  }
}
.contacts-top__box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.contacts-top__link {
  display: block;
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  .contacts-top__link:hover {
    color: var(--zelenyy);
  }
}
.contacts {
  padding-top: 10px;
}
.contacts__body {
  display: flex;
  gap: 20px;
  position: relative;
}
.contacts__wrap {
  width: calc(50% - 10px);
}
.contacts__item {
  display: flex;
  gap: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--seryy-linii);
}
.contacts__item:first-child,
.menu__nav > ul > li:first-child {
  border-top: 1px solid var(--seryy-linii);
}
.contacts__caption {
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.contacts__caption,
.contacts__value {
  width: calc(50% - 5px);
  display: block;
  font-style: normal;
}
.contacts__map {
  width: calc(50% - 10px);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.contacts__nav {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.contacts .link {
  border: 1px solid var(--chernyy);
}
a.contacts__value {
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  a.contacts__value:hover {
    color: var(--zelenyy);
  }
}
@media (max-width: 1359px) {
  .contacts {
    padding-top: 0;
  }
  .contacts__wrap {
    width: 100%;
  }
  .contacts__map {
    width: 100%;
    height: 500px;
    position: relative;
    margin-top: 20px;
  }
}
@media (max-width: 760px) {
  .contacts-top .top-wrap {
    flex-direction: column;
  }
  .contacts {
    padding-top: 10px;
  }
  .contacts__caption {
    font-size: 12px;
  }
  .contacts__map {
    height: 320px;
  }
  .contacts__nav {
    flex-direction: column;
    gap: 10px;
  }
  .contacts .link {
    justify-content: space-between;
  }
}
.documents {
  padding-top: 10px;
}
.documents__body {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.documents__wrap {
  display: flex;
  flex-wrap: wrap;
}
.documents-card {
  position: relative;
  border: 1px solid var(--chernyy);
  padding: 20px;
  width: 100%;
  min-height: 180px;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
.documents-card__caption {
  width: 100%;
}
.documents-card__icon {
  width: 30px;
  height: 30px;
  background-color: var(--fon);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.3s ease-in-out;
}
.documents-card__icon svg *,
.documents-file__plus svg * {
  transition: fill 0.3s ease-in-out;
}
@media (hover: hover) {
  .documents-card:hover {
    color: var(--belyy);
    background-color: var(--fon);
    border-color: var(--fon);
  }
  .documents-card:hover .documents-card__icon {
    background-color: var(--belyy);
  }
  .documents-card:hover .documents-card__icon svg rect {
    fill: var(--chernyy);
  }
}
.documents-file {
  width: 50%;
  border-top: 1px solid var(--seryy-linii);
  padding: 20px 20px 30px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.documents-file:not(:nth-child(2n)) {
  border-right: 1px solid var(--seryy-linii);
}
.documents-file__icon {
  width: 20px;
  height: 20px;
}
.documents-file__icon img,
.documents-file__plus svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.documents-file__wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--chernyy);
}
.documents-file__bottom {
  display: flex;
  justify-content: space-between;
}
.documents-file__value,
.footer__item a {
  color: var(--seryy-linii);
}
.documents-file__plus {
  width: 20px;
  height: 20px;
  background-color: var(--fon);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
}
.documents-file__plus svg {
  width: 12px;
  height: 12px;
  transition: transform 0.3s ease-in-out;
}
@media (hover: hover) {
  .documents-file:hover .documents-file__plus {
    background-color: var(--zelenyy);
  }
  .documents-file:hover .documents-file__plus svg {
    transform: scale(0.8);
  }
  .documents-file:hover .documents-file__plus svg * {
    fill: var(--belyy);
  }
}
@media (max-width: 1359px) {
  .documents {
    padding-top: 0;
  }
  .documents__body {
    grid-template-columns: repeat(4, 1fr);
  }
  .documents-card {
    font-size: 20px;
  }
  .documents-card__icon {
    width: 25px;
    height: 25px;
  }
  .documents-card__icon svg {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
@media (max-width: 1010px) {
  .documents__body {
    grid-template-columns: repeat(3, 1fr);
  }
  .documents-file {
    width: 100%;
    padding: 10px 0 20px;
  }
  .documents-file:not(:nth-child(2n)) {
    border-right: none;
  }
}
@media (max-width: 760px) {
  .documents__body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .documents-card {
    min-height: 150px;
    width: calc(50% - 5px);
    font-size: 16px;
  }
  .documents-card__icon {
    width: 20px;
    height: 20px;
  }
  .documents-card__icon svg {
    width: 13px;
    height: 13px;
  }
  .documents-file__wrap {
    font-size: 12px;
  }
}
.footer {
  background: var(--fon);
}
.footer__wrap {
  padding: 80px 40px 180px;
  border-bottom: 1px solid var(--seryy-2);
  display: flex;
}
.footer__box {
  width: 50%;
}
.footer__logo {
  margin-bottom: 30px;
}
.footer__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.footer__coll-icon {
  display: none;
}
.footer-menu ul li a,
.footer__caption {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.footer__caption {
  color: var(--seryy-linii);
  margin-bottom: 20px;
}
.footer__bottom {
  padding: 40px;
  display: flex;
}
.footer__items {
  gap: 10px;
}
.footer-menu ul,
.footer__item,
.footer__items {
  display: flex;
  flex-direction: column;
}
.footer__developer,
.footer__item {
  font-family: var(--second-family), sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
}
.footer__item {
  font-style: normal;
  color: var(--seryy-linii);
}
.footer__item a {
  display: block;
}
@media (hover: hover) {
  .footer__item a:hover {
    color: var(--zelenyy);
  }
}
.footer__developer {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  color: var(--belyy);
}
@media (hover: hover) {
  .footer__developer:hover {
    color: var(--zelenyy);
  }
}
.footer-menu ul {
  gap: 5px;
}
.footer-menu ul li a {
  color: var(--belyy);
}
@media (hover: hover) {
  .footer-menu ul li a:hover {
    color: var(--zelenyy);
  }
}
.footer-menu ul li a,
.footer__developer,
.footer__item a,
a.footer__item {
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  a.footer__item:hover {
    color: var(--zelenyy);
  }
}
address.footer__item {
  max-width: 260px;
}
@media (max-width: 1199px) {
  .footer__wrap {
    padding-bottom: 175px;
  }
  .footer__bottom {
    justify-content: space-between;
  }
  .footer__bottom .footer__box {
    width: auto;
  }
}
@media (max-width: 1010px) {
  .footer {
    padding: 40px 20px 0;
    border-bottom: 1px solid var(--seryy-2);
  }
  .footer__wrap {
    flex-direction: column;
    padding: 0;
    border-bottom: none;
  }
  .footer__box {
    width: 100%;
  }
  .footer__row {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    gap: 0;
  }
  .footer__coll {
    border-bottom: 1px solid var(--seryy-linii);
  }
  .footer__coll:first-child {
    border-top: 1px solid var(--seryy-linii);
  }
  .footer__coll-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    padding-bottom: 13px;
    cursor: pointer;
  }
  .footer__coll-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 1000px;
    background-color: var(--belyy);
  }
  .footer__coll-icon span {
    display: block;
    width: 10px;
    height: 1px;
    background-color: var(--chernyy);
    position: relative;
    transition: transform 0.3s ease-in-out;
  }
  .footer__coll-icon span:last-child {
    position: absolute;
    transform: rotate(90deg);
  }
  .footer__coll.active .footer__coll-icon span:last-child {
    transform: rotate(0deg);
  }
  .footer__caption {
    font-size: 28px;
    margin-bottom: 0;
  }
  .footer__bottom {
    padding: 40px 20px 60px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 60px;
    border-top: 1px solid var(--seryy-2);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
  .footer__bottom-wrap {
    gap: 10px;
    flex-direction: column;
  }
  .footer__bottom .footer__box {
    width: 100%;
  }
  .footer__item {
    line-height: 133%;
  }
  .footer__developer {
    justify-content: center;
    text-align: center;
  }
  .footer-menu {
    display: none;
    margin-bottom: 10px;
  }
}
.form {
  width: 50%;
  padding-top: 40px;
  padding-bottom: 70px;
  border-left: 1px solid var(--seryy-2);
}
.form__message {
  padding: 0 40px 20px 30px;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  color: var(--belyy);
}
.form__message:empty {
  display: none;
}
.form__message.is-success {
  color: var(--zelenyy);
}
.form__label {
  position: relative;
  display: block;
}
.form__caption {
  position: absolute;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--belyy);
  top: 44px;
  left: 28px;
  transition: all 0.3s ease-in-out;
}
.form__caption.active {
  top: 15px;
  font-size: 12px;
  line-height: 110%;
  color: var(--seryy-linii);
}
.form__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 100px 40px 0 30px;
}
.form_dark .form__caption {
  color: var(--chernyy);
  left: 0;
  top: 24px;
}
.form_dark .form__caption.active {
  top: 0;
}
.form_dark .field {
  color: var(--chernyy);
  padding: 15px 0;
  height: 68px;
}
.form_dark .field::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.85);
}
.form_dark .field:-moz-placeholder,
.form_dark .field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.85);
}
.form_dark .field:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.85);
}
.form_dark .field:focus {
  color: #000;
}
.form_dark .checbox {
  align-items: flex-start;
}
.form_dark .checbox__icon {
  width: 15px;
  height: 15px;
  padding: 1px;
  border-color: var(--chernyy);
}
.form_dark .checbox__caption {
  font-family: var(--second-family);
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0;
  text-transform: none;
  color: var(--chernyy);
}
.form_dark .checbox__caption a {
  color: var(--chernyy);
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
textarea.form__field {
  height: 170px;
}
@media (max-width: 1199px) {
  .form__bottom {
    align-items: flex-start;
    padding-bottom: 10px;
  }
  .form .checbox {
    max-width: 260px;
    align-items: flex-start;
    padding-top: 9px;
  }
}
@media (max-width: 1010px) {
  .form {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-left: none;
  }
  .form__message {
    padding: 0;
    font-size: 18px;
  }
  .form__caption {
    font-size: 16px;
    top: 32px;
    left: 10px;
  }
  .form__caption.active {
    top: 10px;
    font-size: 11px;
  }
  .form__bottom {
    padding: 22px 0 0;
    flex-direction: column;
    gap: 30px;
  }
  .form .checbox {
    align-items: center;
  }
  textarea.form__field {
    height: 71px;
  }
}
@media (max-width: 760px) {
  .form .link {
    width: 100%;
    justify-content: space-between;
  }
  .form_dark .form__caption {
    top: 12px;
  }
  .form_dark .field {
    padding: 10px 0;
    height: 46px;
  }
  .form_dark .checbox__caption {
    font-size: 10px;
    line-height: 150%;
  }
}
.catalog-map--genplan .map-list__main {
  height: 100%;
}
.map-list__main {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  background: var(--belyy);
}
.map-list__map {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.map-list__popup {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  --width-objects: 520px;
  --width-floors: 420px;
}
.map-list__genplan-wrap {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}
.map-list__genplan {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: var(--belyy);
}
.map-list__genplan::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.map-list__genplan::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
}
@media (min-width: 1200px) {
  .catalog-map--genplan .map-list__genplan,
  .catalog-map--genplan .map-list__side-body,
  .catalog-map--genplan .map-list__side-scroll,
  .catalog-map--genplan .scrollbar-style {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .catalog-map--genplan .map-list__genplan::-webkit-scrollbar,
  .catalog-map--genplan .map-list__side-body::-webkit-scrollbar,
  .catalog-map--genplan .map-list__side-scroll::-webkit-scrollbar,
  .catalog-map--genplan .scrollbar-style::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.map-list__genplan #genplan-controller {
  position: relative;
  transition: 0.4s;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: auto;
  box-shadow: 0 0 10vw rgba(0, 0, 0, 0.3);
}
.map-list__genplan img {
  max-width: none;
  max-height: none;
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
}
.map-list__genplan svg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 4;
}
.map-list__genplan svg .group-entrance,
.order button.link {
  cursor: pointer;
}
.map-list__genplan svg .group-home {
  cursor: default;
  pointer-events: none;
}
.map-list__genplan svg .group-home.genplan-home {
  cursor: pointer;
  pointer-events: auto;
}
.map-list__genplan svg .group-entrance._opened .genplan-marker__bg,
.map-list__genplan svg .group-entrance:hover .genplan-marker__bg {
  fill: var(--fon) !important;
}
.map-list__genplan svg .group-entrance._opened .genplan-marker__text,
.map-list__genplan svg .group-entrance:hover .genplan-marker__text {
  fill: #fff !important;
}
.genplan-marker-tooltip {
  background-color: var(--fon);
  border: 0;
  border-radius: 0;
  position: fixed;
  z-index: 1000;
  padding: 10px;
  pointer-events: none;
  opacity: 0;
}
.genplan-marker-tooltip b,
.genplan-marker-tooltip i {
  display: block;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--belyy);
}
.genplan-marker-tooltip i {
  font-style: normal;
  font-size: 14px;
  line-height: 107%;
  letter-spacing: 0.02em;
  margin-bottom: 5px;
}
.genplan-marker-tooltip b {
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
}
@media (pointer: fine) {
  .genplan-marker-tooltip {
    opacity: 1;
  }
}
.genplan-floor-modal__plan svg [data-bs-original-title],
.genplan-floor-modal__plan svg [data-bs-toggle=tooltip] {
  pointer-events: all;
  cursor: pointer;
}
.genplan-floor-modal__plan svg [data-bs-original-title]:hover polygon,
.genplan-floor-modal__plan svg [data-bs-toggle=tooltip]:hover polygon {
  fill: #8da72b;
  opacity: 0.7;
}
.genplan-floor-modal__plan svg [data-bs-original-title].sold:hover polygon,
.genplan-floor-modal__plan svg [data-bs-toggle=tooltip].sold:hover polygon {
  fill: gray;
  opacity: 0.7;
}
.genplan-floor-tooltip {
  background-color: var(--fon);
  color: var(--belyy);
  position: fixed;
  z-index: 2000;
  padding: 8px 12px;
  pointer-events: none;
  font-size: 13px;
  line-height: 1.4;
  white-space: pre-line;
  display: none;
}
.genplan-floor-tooltip._visible {
  display: block;
}
@media (pointer: coarse) {
  .genplan-floor-tooltip {
    display: none !important;
  }
}
.map-controls__actions,
.map-list__side {
  position: absolute;
  display: flex;
  flex-direction: column;
}
.map-controls__actions {
  z-index: 10;
  bottom: 50%;
  transform: translateY(50%);
  right: 20px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.12));
}
.map-controls__actions ._zoom-in,
.map-controls__actions ._zoom-out {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: #fff;
  color: #4d4d4d;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.map-list__side {
  top: 0;
  bottom: 0;
  background: #fff;
  overflow: hidden;
  width: 630px;
  border-top: 1px solid var(--seryy-linii);
  border-left: 1px solid var(--seryy-linii);
  transform: translateX(110%);
  transition: transform 0.4s ease;
  z-index: 20;
}
.map-list__side._opened {
  transform: translateX(0);
}
.map-list__side._half-opened {
  transform: translateX(calc(100% - 48px));
}
.map-list__side._preloader {
  opacity: 0.6;
}
.map-list__side .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 0 10px;
  flex-wrap: wrap;
}
.map-list__side .pagination__btn {
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  min-width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--chernyy);
  cursor: pointer;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.map-list__side .pagination__btn.active,
.map-list__side .pagination__btn.active:hover,
.map-list__side .pagination__btn:hover {
  background: var(--chernyy);
  color: var(--belyy);
}
.map-list__side .pagination__btn.active {
  cursor: default;
}
.map-list__side .pagination__btn:disabled {
  opacity: 0.35;
  cursor: default;
}
.map-list__side .pagination__btn:disabled:hover {
  background: #fff;
  color: var(--chernyy);
}
.map-list__side .pagination__info {
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.55);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.map-list__side--building-objects,
.map-list__side--objects {
  background-color: #f5f5f5;
  right: 0;
  padding: 20px 20px 0;
}
.map-list__side--building-objects .map-list__side-body,
.map-list__side--objects .map-list__side-body {
  padding-top: 10px;
  padding-bottom: 20px;
}
.map-list__side--floors {
  right: 0;
}
.map-list__popup._floor-modal-mode .map-list__side--objects {
  right: 630px;
  transform: translateX(calc(110% + 630px));
}
.map-list__popup._floor-modal-mode .map-list__side--objects._opened {
  transform: translateX(0);
}
.map-list__popup._floor-modal-mode .map-list__side--objects._half-opened {
  transform: translateX(calc(100% - 48px));
}
.map-list__popup._floor-modal-mode._floor-modal-layouting .map-list__side--objects:not(._opened):not(._half-opened) {
  transition: none !important;
}
.map-list__side-scroll {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.map-list__side-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.map-list__side-header._no-border {
  border-bottom: 0;
}
.map-list__side-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}
.map-list__side-close {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--chernyy);
}
.map-list__side-close svg {
  display: none;
}
.map-list__side-close[data-map-close]::before {
  content: "×";
  font-size: 22px;
  line-height: 1;
}
.select-style {
  position: relative;
  display: inline-block;
}
.select-style__title {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  padding: 5px 15px;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  transition: background 0.2s ease, border-color 0.2s ease;
}
.select-style__title .select-style__selected {
  order: 1;
  padding-top: 2px;
}
.select-style__title .select-style__icon {
  order: 2;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  transition: transform 0.2s ease;
}
.select-style__title:hover {
  border-color: rgba(0, 0, 0, 0.28);
  background: rgba(0, 0, 0, 0.02);
}
.select-style._opened .select-style__icon {
  transform: rotate(180deg);
}
.select-style__dropdown {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  top: calc(100% + 10px);
  left: 0;
  width: auto;
  background: var(--fon);
  border-radius: 0;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  visibility: hidden;
  z-index: 50;
}
.select-style__dropdown::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 5px;
  left: 20px;
  top: -5px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0L10 5H0L5 0Z' fill='%23242424'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.select-style__dropdown label {
  display: block;
  cursor: pointer;
}
.select-style__dropdown,
.select-style__dropdown input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.select-style._opened .select-style__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.select-style__item {
  font-weight: 400;
  font-size: 14px;
  line-height: 107%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--belyy);
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.3s ease-in-out;
}
.select-style__item._selected,
.select-style__item:hover {
  color: var(--zelenyy);
}
.fz-14 {
  font-size: 14px;
}
.pb-20 {
  padding-bottom: 20px;
}
.rotate-90 {
  transform: rotate(90deg);
}
.rotate-180,
.select.active .select-title__arrow svg {
  transform: rotate(180deg);
}
.rotate-270 {
  transform: rotate(270deg);
}
.d-none {
  display: none !important;
}
.d-md-none {
  display: block !important;
}
.d-md-block {
  display: none !important;
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
}
.scrollbar-style {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.scrollbar-style::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scrollbar-style::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 760px) {
  .map-controls__actions {
    right: 12px;
  }
  .map-controls__actions ._zoom-in,
  .map-controls__actions ._zoom-out {
    width: 28px;
    height: 28px;
    font-size: 20px;
  }
  .map-list__popup {
    --width-objects: 100%;
    --width-floors: 100%;
  }
  .map-list__side--floors {
    right: 0;
  }
}
.map-list__empty {
  padding: 16px;
  color: rgba(0, 0, 0, 0.6);
}
.map-list-object {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.map-list-object__title {
  font-weight: 500;
  margin-bottom: 4px;
}
.map-list-object__meta {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.map-list-floors__title {
  font-weight: 500;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.map-list-floors__list {
  padding: 12px 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.map-list-floor {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.map-list-floor:hover {
  border-color: rgba(146, 213, 30, 0.8);
  background: rgba(146, 213, 30, 0.08);
}
.genplan-floors-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.genplan-floors-panel__title {
  font-weight: 500;
  padding: 18px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.genplan-floors-panel__list {
  flex: 1 1 auto;
  overflow: auto;
  padding: 12px 16px;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}
.genplan-floors-panel__list .map-list-floor {
  width: 56px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 10px;
}
.map-list__side--floors .map-list__side-scroll {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.map-list__side--floors .map-list__side-body {
  flex: 1 1 auto;
  padding: 0;
  overflow: auto;
}
.map-list__side--floors._floor-modal {
  z-index: 60;
}
.map-list__side--floors._floor-modal .map-list__side-scroll {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.map-list__side--floors._floor-modal .map-list__side-header {
  display: none;
}
.map-list__side--floors._floor-modal .map-list__side-body {
  flex: 1 1 auto;
  padding: 0;
  overflow: hidden;
}
.genplan-floor-modal {
  height: 100%;
  display: flex;
  background: #fff;
}
.genplan-floor-modal__left {
  border-right: 1px solid var(--seryy-linii);
  padding: 20px 10px;
  width: 62px;
  display: flex;
  flex-direction: column;
}
.genplan-floor-modal__left-title {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  padding: 5px 0;
  margin-bottom: 3vh;
}
.genplan-floor-modal__left-list {
  flex: 1 1 auto;
  overflow: hidden;
  display: block;
  height: 390px;
  max-height: 100%;
}
.genplan-floor-modal__left-list .swiper-wrapper {
  flex-direction: column;
}
.genplan-floor-modal__left-list .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.genplan-floor-modal__left-list:not(.swiper-container-initialized) {
  overflow: auto;
}
.genplan-floor-modal__left-list:not(.swiper-container-initialized) .swiper-wrapper {
  display: flex;
  gap: 10px;
}
.genplan-floor-modal__nav {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 0;
  padding: 0;
  margin: 0 auto;
  cursor: pointer;
  transition: background 0.2s ease, opacity 0.2s ease;
}
.genplan-floor-modal__nav svg {
  width: 100%;
  height: 100%;
}
.genplan-floor-modal__nav:hover {
  background: rgba(146, 213, 30, 0.08);
}
.genplan-floor-modal__nav:disabled {
  opacity: 0.35;
  cursor: default;
}
.genplan-floor-modal__nav:disabled:hover {
  background: #fff;
}
.genplan-floor-modal__floor {
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chernyy);
  transition: border-color 0.2s ease;
}
.genplan-floor-modal__floor.is-active,
.genplan-floor-modal__floor:hover {
  border-color: var(--chernyy);
}
.genplan-floor-modal__right {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 20px 40px 20px 20px;
}
.genplan-floor-modal__wrap {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.genplan-floor-modal__bottom {
  flex: 0 0 auto;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 10px;
  line-height: 130%;
  padding: 10px 0 0;
  background-color: var(--belyy);
  color: var(--chernyy);
}
.genplan-floor-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--seryy-linii);
}
.genplan-floor-modal__title {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.genplan-floor-modal__title span {
  padding-left: 10px;
  color: var(--seryy-linii);
}
.genplan-floor-modal__close {
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: 0 0;
  cursor: pointer;
  transition: background 0.2s ease;
}
.genplan-floor-modal__close svg,
.genplan-floor-modal__show svg,
.genplan__item ._description__close svg {
  width: 20px;
  height: 20px;
}
.genplan-floor-modal__close svg *,
.genplan-floor-modal__show svg * {
  transition: all 0.3s ease;
}
.genplan-floor-modal__close:hover {
  background: var(--chernyy);
}
.genplan-floor-modal__close:hover svg *,
.genplan-floor-modal__show:hover svg * {
  stroke: var(--belyy);
}
.genplan-floor-modal__body {
  flex: 1 1 auto;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.genplan-floor-modal__show {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  padding: 5px 15px;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--chernyy);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.genplan-floor-modal__show span {
  padding-top: 1px;
}
.genplan-floor-modal__show:hover {
  background: var(--chernyy);
  color: var(--belyy);
}
.genplan-floor-modal__plan {
  flex: 1 1 auto;
  min-height: 240px;
}
.genplan-floor-modal__img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 1599px) {
  .map-list__side {
    width: 520px;
  }
  .map-list__popup._floor-modal-mode .map-list__side--objects {
    right: 520px;
    transform: translateX(calc(110% + 520px));
  }
  .map-list__side--building-objects,
  .map-list__side--objects {
    width: 420px;
  }
}
@media (max-width: 1469px) {
  .map-list__side,
  .map-list__side--building-objects,
  .map-list__side--objects {
    width: 50vw;
  }
  .map-list__popup._floor-modal-mode .map-list__side--objects {
    right: 50vw;
    transform: translateX(calc(110% + 50vw));
  }
  .map-list__side.map-list__side--building-objects,
  .map-list__side.map-list__side--objects {
    border-left: none;
  }
}
@media (max-width: 1010px) {
  .map-list__side {
    width: 100vw;
    border-left: none;
  }
  .map-list__popup._floor-modal-mode .map-list__side--objects {
    right: 0;
    transform: translateX(110%);
  }
  .map-list__side--building-objects,
  .map-list__side--objects {
    width: 100vw;
    z-index: 64;
  }
  .genplan-floor-modal__right {
    padding: 20px;
  }
}
.main-genplans {
  position: relative;
  z-index: 4;
  overflow: hidden;
  height: calc(100dvh - 65px - 70px);
}
.main-genplans__tabs {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px 40px;
  z-index: 16;
}
.main-genplans .block {
  height: 100%;
}
@media (max-width: 1010px) {
  .main-genplans {
    height: auto;
  }
}
.genplan,
.genplan-body {
  position: relative;
  width: 100%;
  height: 100%;
}
.genplan-body {
  min-width: 1024px;
}
.genplan-icon {
  position: fixed;
  width: 50px;
  height: 50px;
  left: 50%;
  top: 40%;
  z-index: 20;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}
.genplan-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  will-change: transform;
}
.genplan-icon.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
.genplan-icon.is-visible img {
  -webkit-animation: genplan-icon-move-x 2s ease-in-out infinite;
  animation: genplan-icon-move-x 2s ease-in-out infinite;
}
.genplan-icon,
.genplan-icon.is-hidden {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) scale(0.96);
}
.genplan-icon.is-hidden img {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .genplan-icon {
    transition: none;
  }
  .genplan-icon img {
    -webkit-animation: none!important;
    animation: none !important;
  }
}
@media (min-width: 1011px) {
  .genplan-icon {
    display: none !important;
  }
}
.genplan__img {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.genplan__img img {
  width: 100%;
  min-height: 600px;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.genplan__img svg,
.genplan__item {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.genplan__img svg {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.genplan__img svg [ext_code],
.genplan__img svg [ext_code] path {
  opacity: 0!important;
  transition: opacity 0.2s ease;
}
.genplan__img svg [ext_code].is-active {
  opacity: 1 !important;
}
.genplan__img svg [ext_code].is-active path {
  opacity: 0.6 !important;
}
.genplan__item {
  z-index: 2;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.genplan__item.is-active {
  z-index: 8;
}
.genplan:focus-within .genplan__item,
.genplan:hover .genplan__item {
  opacity: 1;
  visibility: visible;
}
@media (hover: none) {
  .genplan__item {
    opacity: 1;
    visibility: visible;
  }
}
.genplan__item ._item {
  position: absolute;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}
.genplan__item ._marker {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--zelenyy);
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.genplan__item ._marker svg * {
  transition: all 0.15s ease-in-out;
}
@media (hover: hover) {
  .genplan__item ._item:hover ._marker {
    background-color: var(--fon);
  }
}
.genplan__item ._description {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(20px) translateY(0);
  min-width: 320px;
  max-width: 320px;
  background: var(--fon);
  padding: 30px;
  z-index: 288;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease;
}
.genplan__item ._description::after {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  width: 30px;
  height: 100%;
}
.genplan__item ._description__close {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  background: 0 0;
  border: 0;
  cursor: pointer;
  padding: 0;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  z-index: 10;
}
.genplan__item ._description__close:hover {
  transform: scale(1.1);
}
.genplan__item ._title {
  color: var(--belyy);
  margin-bottom: 8px;
}
.genplan__item ._description__params {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.genplan__item ._description__param .text-gray {
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--belyy);
}
.genplan__item ._item:hover ._description,
.genplan__item.is-active ._description {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(40px) translateY(0);
}
.genplan__item.is-active ._marker {
  background-color: var(--fon);
}
.genplan__item .link-item {
  margin-top: 20px;
  width: 100%;
  justify-content: center;
  background-color: var(--belyy);
  transition: all 0.3s ease-in-out;
}
.genplan__item .link-item span {
  padding-bottom: 3px;
}
@media (hover: hover) {
  .genplan__item .link-item:hover {
    border-color: var(--zelenyy);
    background-color: var(--zelenyy);
  }
}
@media (max-width: 1010px) {
  .main-genplans__tabs {
    padding: 20px;
  }
  .genplan__item ._item {
    transform: none;
    margin-left: -30px;
    margin-top: -30px;
  }
  .genplan__item ._item:hover ._description {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .genplan__item ._description {
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    transform: translateX(0) translateY(0);
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    padding: 20px 20px 25px;
  }
  .genplan__item ._description__close {
    display: flex;
  }
  .genplan__item.is-active ._description {
    opacity: 1!important;
    visibility: visible!important;
    pointer-events: auto!important;
    transform: translateX(0) translateY(0) !important;
  }
  .genplan__item ._title {
    margin-bottom: 10px;
  }
  .genplan__item ._description__params {
    display: block;
  }
  .genplan__item ._description__param {
    display: flex;
    justify-content: space-between;
  }
  .genplan__item ._description__param .text-gray {
    font-size: 12px;
  }
}
.header-projects {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 99;
  padding-top: 70px;
  visibility: hidden;
  transition: visibility 0.3s ease-in-out;
}
.header-projects__body {
  display: flex;
  background-color: var(--belyy);
  position: relative;
  z-index: 8;
  border-top: 1px solid var(--seryy-linii);
  transform: translateY(-110%);
  transition: transform 0.3s ease-in-out;
}
.header-projects__nav {
  width: 50%;
  padding: 20px 20px 60px 40px;
}
.burger span,
.header-projects__container {
  width: 50%;
  position: relative;
}
.header-projects__nav ul li a,
.header-real-estate__nav ul li a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  border-bottom: 1px solid #d9d9d9;
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  .header-projects__nav ul li a:hover {
    color: var(--zelenyy);
  }
}
.header-projects__box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  transition-delay: 0.1s;
}
.header-projects__box img,
.header-real-estate__img img,
.info-recommendations-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.header-projects__box.active {
  opacity: 1;
  transition-delay: 0s;
}
.header-projects-overlay {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.header-projects.active,
.header-real-estate.active {
  visibility: visible;
  transition: visibility 0s ease-in-out;
}
.header-projects.active .header-projects-overlay {
  opacity: 1;
}
.header-projects.active .header-projects__body {
  transition-delay: 0.15s;
  transform: translateY(0);
}
@media (max-width: 1199px) {
  .header-projects__nav {
    width: 50%;
    padding: 20px 40px;
  }
}
@media (max-width: 1010px) {
  .header-projects {
    display: none;
  }
}
.header-real-estate {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 99;
  padding-top: 70px;
  visibility: hidden;
  transition: visibility 0.3s ease-in-out;
}
.header-real-estate__body {
  display: flex;
  background-color: var(--belyy);
  position: relative;
  z-index: 8;
  border-top: 1px solid var(--seryy-linii);
  transform: translateY(-110%);
  transition: transform 0.3s ease-in-out;
}
.header-real-estate__nav {
  width: 50%;
  padding: 20px 20px 60px 0;
}
.header-real-estate__container {
  width: 50%;
  position: relative;
  padding: 20px 40px;
}
@media (hover: hover) {
  .header-real-estate__nav ul li a:hover {
    color: var(--zelenyy);
  }
}
.header-real-estate__img {
  width: 210px;
  height: 210px;
}
.header-real-estate-overlay {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.header-real-estate.active .header-real-estate-overlay {
  opacity: 1;
}
.header-real-estate.active .header-real-estate__body {
  transition-delay: 0.15s;
  transform: translateY(0);
}
@media (max-width: 1199px) {
  .header-real-estate__nav {
    width: 50%;
    padding: 20px 40px 20px 0;
  }
}
@media (max-width: 1010px) {
  .header-real-estate {
    display: none;
  }
}
.header {
  padding: 10px 0;
  background-color: var(--belyy);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: transform 0.3s ease-in-out;
}
.header__first {
  gap: 20px;
  width: 40%;
  justify-content: flex-start;
}
.header__last {
  gap: 30px;
  width: 40%;
  justify-content: flex-end;
}
.header-menu ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header-menu ul li a,
.header-phone {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  padding-top: 5px;
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  .header-menu ul li a:hover {
    color: var(--zelenyy);
  }
}
.header-menu__item a {
  position: relative;
  padding-right: 25px;
}
.header-menu__item a::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 0;
  background-image: url(/local/templates/summer/css/../img/icons/menu-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  transition: background-image 0.3s ease-in-out;
}
@media (hover: hover) {
  .header-menu__item a:hover::after {
    background-image: url(/local/templates/summer/css/../img/icons/menu-arrow-hover.svg);
  }
}
.header-phone {
  display: inline-flex;
}
@media (hover: hover) {
  .header-phone:hover {
    color: var(--zelenyy);
  }
}
.header-btn-search {
  width: 25px;
  height: 25px;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
@media (hover: hover) {
  .header-btn-search:hover {
    transform: scale(1.1);
  }
}
.header.hide {
  transform: translateY(-100%);
}
.burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 50px;
  height: 25px;
  cursor: pointer;
}
.burger span {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--chernyy);
  transition: all 0.3s ease-in-out;
}
.burger.active span:first-child {
  transform: rotate(-45deg);
  top: 4px;
}
.burger.active span:last-child {
  transform: rotate(45deg);
  top: -3px;
}
@media (max-width: 1010px) {
  .header__first {
    display: none;
  }
  .header__last {
    gap: 20px;
    width: 50%;
    padding-right: 4px;
  }
  .header-phone {
    font-size: 14px;
    padding-top: 3px;
  }
  .header-menu {
    display: none;
  }
  .burger {
    width: 30px;
    height: 25px;
  }
}
@media (max-width: 710px) {
  .header__last {
    padding-right: 0;
  }
}
.hot-apartments {
  padding-top: 100px;
}
.hot-apartments-top {
  padding-bottom: 40px;
}
.hot-apartments-top__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}
.hot-apartments-top__value {
  color: var(--chernyy);
}
.hot-apartments-body {
  padding-top: 50px;
  padding-bottom: 150px;
  background-color: var(--fon-seryy);
}
.hot-apartments-body__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 20px;
}
.hot-apartments-bottom {
  display: none;
  justify-content: center;
  margin-top: 20px;
}
.hot-apartments-bottom.active {
  display: flex;
}
@media (max-width: 1359px) {
  .hot-apartments {
    padding-top: 80px;
  }
  .hot-apartments-top {
    padding-bottom: 30px;
  }
  .hot-apartments-body {
    padding-top: 40px;
    padding-bottom: 100px;
  }
  .hot-apartments-body__wrap {
    gap: 20px;
  }
}
@media (max-width: 1199px) {
  .hot-apartments-body__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1010px) {
  .hot-apartments-top__value {
    font-size: 22px;
  }
}
@media (max-width: 760px) {
  .hot-apartments {
    padding-top: 40px;
  }
  .hot-apartments-body__wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  .hot-apartments .tabs {
    flex-wrap: wrap;
  }
  .hot-apartments-body__wrap .apartment-card.is-hidden-mobile {
    display: none;
  }
}
.info-recommendations {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.info-recommendations-card {
  background-color: var(--fon);
  position: relative;
}
.info-recommendations-card:not(:first-child) {
  border-left: 1px solid var(--seryy-linii);
}
.info-recommendations-card__img {
  width: 100%;
  height: 100%;
}
.info-recommendations-card__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 40px 50px;
  background-color: var(--fon);
  z-index: 4;
}
.info-recommendations-card__caption {
  color: var(--belyy);
  padding-bottom: 20px;
}
.info-recommendations-card__desc {
  display: none;
  font-family: var(--second-family), sans-serif;
}
.info-recommendations-card__desc p {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: var(--belyy);
}
.info-recommendations-card__desc a {
  color: var(--belyy);
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.info-recommendations-card__nav {
  border-top: 1px solid var(--seryy-linii);
  padding-top: 20px;
  display: flex;
  gap: 10px;
}
@media (max-width: 1199px) {
  .info-recommendations-card__caption {
    font-size: 32px;
  }
}
@media (max-width: 1010px) {
  .info-recommendations {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    background-color: var(--fon);
  }
  .info-recommendations-card:not(:first-child) {
    border-left: none;
  }
  .info-recommendations-card__caption {
    font-size: 28px;
  }
  .info-recommendations-card__bottom {
    padding: 20px 20px 30px;
  }
  .info-recommendations-card__desc {
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 760px) {
  .info-recommendations-card__img {
    height: auto;
  }
  .info-recommendations-card__img img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .info-recommendations-card__caption {
    padding-bottom: 10px;
  }
  .info-recommendations-card__bottom {
    position: relative;
  }
  .info-recommendations-card__desc {
    display: block;
    margin-bottom: 20px;
  }
  .info-recommendations-card__desc p {
    font-size: 12px;
  }
  .info-recommendations-card__desc p + p {
    margin-top: 8px;
  }
  .info-recommendations-card__nav .link {
    flex: 1;
    justify-content: space-between;
  }
}
.infrastructure {
  position: relative;
  width: 100%;
  aspect-ratio: 1680/847;
  min-height: 420px;
  height: 100%;
  overflow: hidden;
  background: #f2f2f2;
}
.infrastructure__map {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.infrastructure__map [class*=ground-pane],
.infrastructure__map [class*=map-copyrights-promo],
.projects__map #yandex-map [class*=ground-pane],
.projects__map #yandex-map [class*=map-copyrights-promo] {
  filter: grayscale(100%) contrast(1.1);
  -webkit-filter: grayscale(100%) contrast(1.1);
}
.infrastructure-categories {
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 20;
  pointer-events: auto;
  min-width: 260px;
  padding: 20px;
  background-color: var(--fon);
  min-height: 60px;
}
.infrastructure-categories__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 0;
  color: var(--belyy);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
}
.infrastructure-categories__toggle-icon {
  position: relative;
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  transition: transform 0.3s ease-in-out;
}
.infrastructure-categories__panel {
  display: none;
  background: var(--fon);
}
.infrastructure-categories.is-open .infrastructure-categories__panel {
  display: block;
}
.infrastructure-categories.is-open .infrastructure-categories__toggle-icon {
  transform: rotate(45deg);
}
.infrastructure-categories__items {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-top: 1px solid var(--seryy-linii);
  border-bottom: 1px solid var(--seryy-linii);
}
.infrastructure-categories__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  color: var(--belyy);
  text-transform: uppercase;
  background: 0 0;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
.infrastructure-categories__item + .infrastructure-categories__item {
  margin-top: 10px;
}
.infrastructure-categories__item.active {
  opacity: 0.7;
}
@media (hover: hover) {
  .infrastructure-categories__item:hover {
    opacity: 0.7;
  }
}
.infrastructure-categories__item-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}
.infrastructure-categories__reset {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--seryy-linii);
  background: 0 0;
  cursor: pointer;
  text-align: center;
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  .infrastructure-categories__reset:hover {
    color: var(--belyy);
  }
}
.infra-marker {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.98);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.infra-marker__icon {
  width: 18px;
  height: 18px;
  display: block;
}
.infra-marker__text {
  font-family: var(--font-family), sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--belyy);
}
.infra-marker--lg {
  width: 76px;
  height: 76px;
}
.infra-marker--project {
  width: 100px;
  height: 100px;
  background: 0 0;
  border-radius: 0;
}
.infra-marker__dao {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 1010px) {
  .infrastructure {
    min-height: 600px;
  }
  .infrastructure-categories {
    left: 20px;
    bottom: 20px;
    padding: 10px;
    min-height: 30px;
  }
  .infrastructure-categories__toggle {
    font-size: 14px;
    line-height: 105%;
  }
  .infrastructure-categories__item {
    align-items: flex-end;
    font-size: 14px;
    line-height: 105%;
  }
  .infrastructure-categories__reset {
    font-size: 14px;
    line-height: 105%;
  }
}
.main-faq__body {
  display: flex;
  justify-content: space-between;
}
.main-faq__title,
.main-faq__wrap {
  width: 50%;
}
.main-faq__row {
  margin-bottom: 30px;
}
.main-faq .accordeon-top {
  padding-right: 20px;
}
.main-faq .accordeon__title {
  color: var(--chernyy);
}
.main-faq .accordeon-hidden {
  padding-right: 60px;
}
@media (max-width: 1010px) {
  .main-faq__body {
    flex-direction: column;
    gap: 20px;
  }
  .main-faq__title,
  .main-faq__wrap {
    width: 100%;
  }
  .main-faq__row {
    margin-bottom: 20px;
  }
}
@media (max-width: 710px) {
  .main-faq__row {
    margin-bottom: 10px;
  }
  .main-faq .accordeon-hidden {
    padding-right: 0;
  }
  .main-faq .link {
    width: 100%;
    justify-content: space-between;
  }
}
.main-gallery {
  display: flex;
}
.main-gallery__body {
  width: 660px;
  padding: 0 40px 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-gallery__container {
  flex: 1;
  overflow: hidden;
}
.main-gallery__top {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.main-gallery__number {
  display: flex;
  gap: 30px;
}
.main-gallery__number-value {
  font-size: 180px;
  line-height: 90%;
  letter-spacing: -0.01em;
  margin-top: -10px;
}
.main-gallery__title {
  margin-bottom: 10px;
}
.main-gallery__wrap {
  position: relative;
}
.main-gallery-swiper * {
  box-sizing: border-box;
}
.main-gallery-swiper__slide {
  width: 100%;
  height: 37vw;
  max-height: 700px;
}
@media (min-width: 1959px) {
  .main-gallery-swiper__slide {
    height: 40vw;
    max-height: 980px;
  }
}
.main-gallery-swiper__img {
  width: 100%;
  height: 100%;
}
.main-gallery-slick__slide img,
.main-gallery-swiper__img img,
.modal-info__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.main-gallery-swiper__caption {
  display: none;
}
.main-gallery-slick {
  margin-top: 10px;
}
.main-gallery-slick * {
  box-sizing: border-box;
}
.main-gallery-slick__slide {
  width: 130px;
  height: 90px;
}
@media (max-width: 1659px) {
  .main-gallery__body {
    width: 500px;
  }
  .main-gallery-swiper__slide {
    height: 41vw;
    max-height: 580px;
  }
}
@media (max-width: 1469px) {
  .main-gallery__body {
    width: 420px;
  }
}
@media (max-width: 1199px) {
  .main-gallery__body {
    width: 360px;
  }
  .main-gallery-swiper__slide {
    height: 50vw;
    max-height: 480px;
  }
}
@media (max-width: 1010px) {
  .main-gallery__body {
    display: none;
  }
  .main-gallery__top {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    gap: 16px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    padding: 15px 20px 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0, transparent 100%);
  }
  .main-gallery__caption,
  .main-gallery__number,
  .main-gallery__number-value {
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.03em;
    color: var(--belyy);
  }
  .main-gallery__number {
    gap: 1px;
  }
  .main-gallery__number-value {
    margin-top: 0;
  }
  .main-gallery__bottom {
    display: none;
  }
  .main-gallery-swiper__slide {
    height: 64vw;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
  .main-gallery-swiper__caption {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 8;
    padding: 10px 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0, transparent 100%);
    font-size: 28px;
    line-height: 110%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--belyy);
  }
  .main-gallery-slick {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 5px;
  }
  .main-gallery-slick__slide {
    width: 51px;
    height: 35px;
  }
}
@media (max-width: 710px) {
  .main-gallery-swiper__slide {
    height: 80vw;
  }
}
.main-info-modal {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  height: calc(100dvh - 50px);
  background-color: var(--fon);
  z-index: 88;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.main-info-modal.active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1011px) {
  .main-info-modal {
    display: none;
  }
}
.modal-info {
  height: 100%;
}
.modal-info-closed {
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 16;
  border-radius: 1000px;
  background-color: var(--belyy);
  top: 20px;
  right: 20px;
}
.modal-info__body,
.modal-info__wrap {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.modal-info__body {
  height: 100%;
}
.modal-info__wrap {
  flex: 1 1 auto;
  position: relative;
}
.modal-info__top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-info__caption {
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  color: var(--belyy);
}
.modal-info__title {
  color: var(--belyy);
}
.modal-info__img {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  position: relative;
}
.modal-info__img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.3);
}
.modal-info__bottom {
  padding: 30px 20px 50px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
.modal-info__bottom-box {
  flex: 1;
}
.modal-info__bottom-caption {
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--belyy);
  margin-bottom: 20px;
}
.modal-info__bottom-item {
  display: block;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  color: var(--belyy);
}
.menu__nav > ul > li > ul > li + .menu__nav > ul > li > ul > li,
.modal-info__bottom-item + .modal-info__bottom-item {
  margin-top: 5px;
}
.modal-info__plus {
  width: 50px;
  height: 50px;
}
.modal-info__plus img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.main-info__row {
  display: flex;
  gap: 20px;
}
.main-info__coll {
  width: calc(50% - 10px);
}
.main-info__desc {
  font-family: var(--second-family);
  font-size: 16px;
  line-height: 140%;
  color: var(--chernyy);
  margin-bottom: 40px;
}
.main-info__desc p:not(:first-child) {
  margin-top: 10px;
}
.main-info__item {
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid var(--seryy-linii);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.main-info__item-caption {
  width: 50%;
}
.main-info__item-value {
  width: 50%;
  font-size: 22px;
  line-height: 120%;
}
.main-info__item:last-child {
  border-bottom: 1px solid var(--seryy-linii);
}
.main-info__items_info .main-info__item {
  padding-top: 20px;
  padding-bottom: 20px;
}
.main-info__items_info .main-info__item-value {
  font-size: 16px;
  line-height: 110%;
  text-align: right;
}
.main-info__wrap {
  margin-top: 60px;
  display: flex;
}
.main-info-card {
  flex-basis: 50%;
  padding: 22.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.main-info-card:not(:first-child)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 230px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: var(--seryy-linii);
}
.main-info-card__box {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.main-info-card__img {
  width: 210px;
  height: 330px;
}
.main-info-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .main-info__wrap {
    margin-left: -40px;
    margin-right: -40px;
  }
  .main-info-card {
    padding: 0;
  }
  .main-info-card__img {
    height: 290px;
  }
}
@media (max-width: 1010px) {
  .main-info__row {
    flex-direction: column;
  }
  .main-info__coll {
    width: 100%;
  }
  .main-info__subtitle {
    margin-top: 10px;
  }
  .main-info__desc {
    font-size: 12px;
    line-height: 125%;
    margin-bottom: 30px;
  }
  .main-info__wrap {
    margin-left: -20px;
    margin-right: -20px;
  }
  .main-info__item {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
  }
  .main-info__item-value {
    font-size: 16px;
    line-height: 110%;
  }
  .main-info__items_info .main-info__item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .main-info__items_info .main-info__item-value {
    font-size: 12px;
  }
  .main-info-card {
    padding: 0 20px;
  }
  .main-info-card:not(:first-child)::before {
    height: 100%;
    top: 0;
    transform: translateY(0);
  }
  .main-info-card__box {
    gap: 14px;
  }
  .main-info-card__img {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 710px) {
  .main-info__wrap {
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
  }
  .main-info-card {
    flex-basis: 100%;
    width: 100%;
    padding: 20px 0;
  }
  .main-info-card__img {
    width: 100%;
    height: auto;
  }
  .main-info-card:not(:first-child)::before {
    height: 1px;
    width: 100%;
  }
}
.page-container:not(.page-container_sticky-offset) {
  padding-bottom: calc(var(--main-sticky-h, 0px) + 15px);
  margin-bottom: calc(-1*var(--main-sticky-h, 0px) - 15px);
}
.page-container_sticky-offset {
  padding-bottom: 1px;
}
.main-sticky {
  padding-top: 10px;
  padding-bottom: calc(10px + env(safe-area-inset-bottom));
  background-color: #f6f6f6;
  z-index: 88;
  transition: transform 0.3s ease-in-out;
}
.main-sticky__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.main-sticky__nav ul {
  display: flex;
  gap: 25px;
}
.main-sticky__nav ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  .main-sticky__nav ul li a:hover {
    color: var(--zelenyy);
  }
}
.main-sticky__box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-sticky.main-sticky-fixed.main-sticky-header {
  transform: translateY(0);
}
.main-sticky .link_dark {
  transition: background 0.3s ease-in-out;
}
@media (hover: hover) {
  .main-sticky .link_dark:hover {
    background-color: var(--zelenyy);
  }
}
@media (max-width: 1010px) {
  .main-sticky__nav {
    display: none;
  }
  .main-sticky__box {
    width: 100%;
    justify-content: space-between;
  }
  .main-sticky.main-sticky-fixed.main-sticky-header {
    transform: translateY(0);
  }
}
.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 999;
  visibility: hidden;
  transition: visibility 0.3s ease-in-out;
}
.menu__bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 88;
  background-color: var(--belyy);
  padding: 20px 40px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu__wrap {
  padding: 30px 40px 0;
  overflow: auto;
  height: calc(100dvh - 95px);
}
.menu__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.menu__number {
  display: inline-flex;
}
@media (hover: hover) {
  .menu__number:hover {
    color: var(--zelenyy);
  }
}
.menu__nav > ul > li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--seryy-linii);
}
.menu__nav > ul > li > a,
.menu__nav > ul > li > ul > li > a,
.menu__number {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  .menu__nav > ul > li > a:hover {
    color: var(--zelenyy);
  }
}
.menu__nav > ul > li > ul {
  margin-top: 10px;
  display: none;
}
.menu__nav > ul > li > ul > li > a {
  font-size: 16px;
  line-height: 110%;
}
@media (hover: hover) {
  .menu__nav > ul > li > ul > li > a:hover {
    color: var(--zelenyy);
  }
}
.menu__nav > ul > li.menu-item {
  position: relative;
  cursor: pointer;
}
.menu__nav > ul > li.menu-item::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--fon);
  top: 13px;
  right: 0;
  border-radius: 50%;
  pointer-events: none;
}
.menu__nav > ul > li.menu-item > a {
  position: relative;
  display: block;
}
.menu__nav > ul > li.menu-item > a::before {
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
}
.menu__nav > ul > li.menu-item > a::after,
.menu__nav > ul > li.menu-item > a::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 1px;
  background-color: var(--belyy);
  top: 13.5px;
  right: 4px;
  z-index: 8;
  pointer-events: none;
}
.menu__nav > ul > li.menu-item.menu-active > a::before {
  transform: rotate(0deg);
}
.menu-overlay {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.menu-closed,
.menu-container {
  background-color: var(--belyy);
  transition: transform 0.3s ease-in-out;
}
.menu-container {
  width: 480px;
  height: 100%;
  position: relative;
  margin-left: auto;
  transform: translateX(120%);
}
.menu-closed {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  width: 35px;
  height: 35px;
  top: 30px;
  left: -45px;
  cursor: pointer;
}
@media (hover: hover) {
  .menu-closed:hover {
    transform: rotate(-180deg);
  }
}
.menu-social {
  display: flex;
  gap: 5px;
}
.menu-social-link {
  display: inline-flex;
}
.menu.active {
  visibility: visible;
  transition: visibility 0s ease-in-out;
}
.menu.active .menu-overlay {
  opacity: 1;
}
.menu.active .menu-container {
  transition-delay: 0.15s;
  transform: translateX(0);
}
@media (max-width: 1010px) {
  .menu {
    z-index: 994;
  }
  .menu__top {
    display: none;
  }
  .menu__wrap {
    padding: 70px 20px 20px;
    height: calc(100dvh - 110px);
  }
  .menu__bottom {
    padding: 20px;
    flex-direction: row-reverse;
    position: relative;
  }
  .menu__bottom::after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 40px);
    left: 20px;
    top: 0;
    background-color: var(--seryy-linii);
  }
  .menu__bottom-box {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 10px;
  }
  .menu-container {
    width: 100%;
  }
  .menu-closed {
    display: none;
  }
  .menu-social {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
.modal {
  height: 100%;
  width: 100%;
  padding: 0;
  background: 0 0;
  cursor: auto !important;
}
.modal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.modal-body {
  height: 100dvh;
  max-width: 480px;
  width: 100%;
  position: relative;
  padding: 30px 40px;
  background-color: #fff;
  margin-left: auto;
  z-index: 24;
}
.modal-closed {
  position: absolute;
  top: 30px;
  left: -45px;
  border-radius: 1000px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--belyy);
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
@media (hover: hover) {
  .modal-closed:hover {
    transform: rotate(-90deg);
  }
}
.modal-wrap {
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
}
.modal-wrap_start {
  justify-content: flex-start;
}
.modal-img,
.modal-subtitle,
.object-promo__desc p + p {
  margin-top: 10px;
}
.modal-img {
  width: 100%;
}
.modal-img img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.modal-form {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-left: none;
}
.modal-form .form__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-form .form__bottom {
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
  padding: 20px 0 0;
}
.fancybox-slide--html {
  padding: 0;
}
.fancybox-bg {
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-is-open .fancybox-bg {
  opacity: 1;
}
.modal .fancybox-button {
  display: none;
}
.modal-reservation__title {
  padding-bottom: 10px;
}
.modal-reservation__card {
  border-top: 1px solid var(--seryy-linii);
  border-bottom: 1px solid var(--seryy-linii);
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  margin-bottom: 10px;
  gap: 16px;
}
.modal-reservation__img {
  width: 150px;
  height: 150px;
}
.modal-reservation__img img,
.modal-reservation__location-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.modal-reservation__box {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-reservation__location {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.modal-reservation__location-icon {
  width: 30px;
  height: 30px;
}
.modal-reservation__location-box {
  flex: 1;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.modal-reservation__location-caption {
  font-size: 14px;
  line-height: 107%;
  letter-spacing: 0.02em;
  margin-bottom: 5px;
}
.modal-reservation__price span {
  padding-left: 10px;
}
.modal-reservation__items {
  border-top: 1px solid var(--seryy-linii);
  padding-top: 10px;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.modal-reservation__item {
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.modal-reservation__item-caption {
  font-size: 14px;
  line-height: 107%;
  letter-spacing: 0.02em;
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .modal-form .form__bottom {
    padding-bottom: 0;
  }
  .modal-form.form .checbox {
    max-width: 100%;
    padding-top: 0;
  }
}
@media (max-width: 1010px) {
  .modal-form.form .checbox {
    align-items: flex-start;
  }
}
@media (max-width: 760px) {
  .modal-closed {
    top: 20px;
    left: auto;
    right: 20px;
    background-color: var(--chernyy);
  }
  .modal-closed svg * {
    stroke: var(--belyy);
  }
  .modal-body {
    padding: 20px;
  }
  .modal-wrap {
    padding-top: 4px;
    gap: 16px;
  }
  .modal-subtitle {
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.03em;
  }
  .modal-subtitle br {
    display: none;
  }
  .modal-title {
    padding-right: 32px;
  }
  .modal-reservation {
    padding-top: 4px;
  }
  .modal-reservation__card {
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
  }
  .modal-reservation__img {
    width: 160px;
    height: 144px;
    margin: 22px auto 0;
  }
  .modal-reservation__location {
    gap: 5px;
    position: absolute;
    top: 10px;
    left: 0;
  }
  .modal-reservation__location-icon {
    width: 20px;
    height: 20px;
  }
  .modal-reservation__location-box {
    font-size: 10px;
  }
  .modal-reservation__location-box-caption {
    font-size: 10px;
    line-height: 110%;
    letter-spacing: 0.03em;
    margin-bottom: 0;
  }
  .modal-reservation__price span {
    color: var(--seryy-linii);
    padding-left: 5px;
  }
  .modal-reservation__all-price {
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.03em;
  }
  .modal-reservation__items {
    padding-top: 5px;
    gap: 5px;
  }
  .modal-reservation__item {
    font-size: 12px;
    flex-basis: calc(25% - 5px);
  }
  .modal-reservation__item-caption {
    font-size: 10px;
    line-height: 110%;
    letter-spacing: 0.03em;
    margin-bottom: 0;
  }
}
.modal-big {
  padding: 40px;
}
.modal-big .modal-body {
  height: 100%;
  max-width: 100%;
  width: 100%;
  position: static;
  padding: 0;
}
.modal-big .modal-closed {
  top: 20px;
  left: auto;
  right: 40px;
  z-index: 24;
}
.modal-video .modal-body {
  background-color: transparent;
}
.modal-video .video {
  max-width: 1040px;
  max-height: 570px;
  margin: auto;
  position: relative;
  z-index: 24;
}
@media (max-width: 1010px) {
  .modal-big {
    padding: 20px;
  }
  .modal-big .modal-closed {
    right: 20px;
  }
  .modal-video .video {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.modal-apartments .modal-body,
.modal-gallery .modal-body {
  background-color: transparent;
}
.modal-gallery-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.modal-gallery-slide img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin: auto;
  background-color: #f5f5f5;
}
.modal-gallery-thumbs {
  margin: auto;
}
.modal-gallery-thumb {
  width: 90px;
  height: 90px;
  background-color: #f5f5f5;
  cursor: pointer;
  position: relative;
}
.modal-gallery-thumb::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -11px;
  background-color: #f5f5f5;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.modal-gallery-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.modal-gallery-thumb.swiper-slide-thumb-active::after {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 760px) {
  .modal-gallery {
    background-color: #fff;
  }
  .modal-gallery-slide {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal-gallery-thumb {
    width: 70px;
    height: 70px;
    background-color: #fff;
  }
  .modal-gallery-thumb::after {
    bottom: -6px;
    background-color: var(--chernyy);
  }
}
.modal-apartments .modal-closed {
  z-index: 32;
}
.modal-apartments-body {
  width: 100%;
  max-width: 840px;
  overflow: hidden;
  margin: auto;
  position: relative;
  z-index: 24;
}
.modal-apartments-wrap {
  height: calc(100% - 80px);
}
.modal-apartments-swiper {
  height: 100%;
}
.modal-apartments-slide {
  height: auto;
}
.modal-apartments-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.modal-apartments-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color: var(--belyy);
}
.modal-apartments-box,
.modal-apartments-number {
  display: flex;
  align-items: center;
  gap: 5px;
}
.modal-apartments-number {
  padding-right: 16px;
  color: var(--chernyy);
}
.modal-apartments-number-value,
.object-card__details-object span {
  color: var(--seryy-linii);
}
@media (max-width: 760px) {
  .modal-apartments {
    padding: 0;
    background-color: #fff;
  }
  .modal-apartments-body {
    height: 100%;
    max-width: 100%;
    overflow: visible;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .modal-apartments-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal-apartments-swiper {
    overflow: hidden;
    height: auto;
  }
  .modal-apartments-bottom {
    padding: 15px 20px;
  }
  .modal-apartments-number {
    padding-right: 7px;
  }
}
.news__wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--seryy-linii);
}
.news__wrap .news-card {
  border-top: 1px solid var(--seryy-linii);
  margin-top: -1px;
}
.news__wrap .news-card:nth-child(4n) {
  padding-right: 40px;
}
.news__wrap .news-card:nth-child(4n+1) {
  padding-left: 40px;
  border-left: none;
}
.news-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 40px 20px;
  border-bottom: 1px solid var(--seryy-linii);
}
.news-card {
  padding: 20px 20px 50px;
}
.news-card:not(:first-child) {
  border-left: 1px solid var(--seryy-linii);
}
.news-card.border-bottom {
  border-bottom: 1px solid var(--seryy-linii);
}
.news-card.border-right {
  border-right: 1px solid var(--seryy-linii);
  margin-right: -1px;
}
.news-card__img {
  width: 100%;
  height: 310px;
  margin-bottom: 15px;
  overflow: hidden;
}
@media (min-width: 1930px) {
  .news-card__img {
    height: 590px;
  }
}
.news-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform-origin: center;
  transition: transform 0.3s ease-in-out;
}
.news-card__box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  min-height: 125px;
}
@media (min-width: 1930px) {
  .news-card__box {
    height: 116px;
  }
}
.news-card__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.news-card__caption {
  font-family: var(--second-family), sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chernyy);
}
.news-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news-card__date {
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.news-card__icon {
  width: 20px;
  height: 20px;
}
.news-card__icon img,
.object-card-top__location img,
.object-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.news-card__icon-big {
  width: 30px;
  height: 30px;
}
.news-card__name-item {
  font-size: 16px;
  line-height: 110%;
}
@media (hover: hover) {
  .news-card:hover .news-card__img img {
    transform: scale(1.1);
  }
}
.news-bottom {
  display: none;
  justify-content: center;
  margin-top: 45px;
}
.news-bottom.active {
  display: flex;
}
.news__body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--seryy-linii);
}
.news__body .news-card {
  border-top: 1px solid var(--seryy-linii);
}
.news__body .news-card:nth-child(4n) {
  padding-right: 40px;
}
.news__body .news-card:nth-child(4n+1) {
  padding-left: 40px;
  border-left: none;
}
@media (max-width: 1469px) {
  .news-card__box {
    min-height: 122px;
  }
}
@media (max-width: 1199px) {
  .news {
    margin-bottom: 200px;
    border-bottom: 1px solid var(--seryy-linii);
  }
  .news-card__box {
    min-height: 210px;
  }
  .news-card__img {
    height: 212px;
  }
  .news-page {
    margin-bottom: 0;
    border-bottom: none;
  }
  .news-page.section-item {
    margin-bottom: 200px;
  }
}
@media (max-width: 1010px) {
  .news {
    margin-bottom: 100px;
    border-bottom: none;
  }
  .news__wrap {
    border-bottom: 1px solid var(--seryy-linii);
  }
  .news__wrap .news-card:nth-child(4n) {
    padding-right: 20px;
  }
  .news__wrap .news-card:nth-child(4n+1) {
    padding-left: 20px;
  }
  .news-top {
    padding: 10px 20px 22px;
  }
  .news-top .link-item {
    display: none;
  }
  .news-card {
    padding: 20px 10px;
  }
  .news-card__img {
    height: 153px;
  }
  .news-card__box {
    min-height: 115px;
  }
  .news-card__caption {
    font-size: 12px;
    line-height: 125%;
  }
  .news-card__date {
    font-size: 12px;
  }
  .news-card__icon {
    width: 15px;
    height: 15px;
  }
  .news-card__icon-big {
    width: 20px;
    height: 20px;
  }
  .news-card__name-item {
    font-size: 12px;
  }
  .news-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .news__body .news-card:nth-child(4n) {
    padding-right: 20px;
  }
  .news__body .news-card:nth-child(4n+1) {
    padding-left: 20px;
  }
  .news-page.section-item {
    margin-bottom: 100px;
  }
}
@media (max-width: 710px) {
  .news__wrap {
    grid-template-columns: repeat(2, 1fr);
    border-bottom: none;
    position: relative;
  }
  .news__wrap::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: var(--seryy-linii);
  }
  .news__wrap .news-card:nth-child(2n) {
    padding-right: 20px;
  }
  .news__wrap .news-card:nth-child(2n+1) {
    padding-left: 20px;
  }
  .news__wrap .news-card:nth-child(4n) {
    padding-right: 20px;
  }
  .news__wrap .news-card:nth-child(4n+1) {
    padding-left: 20px;
  }
  .news__wrap .news-card.border-bottom {
    border-bottom: 1px solid var(--seryy-linii);
  }
  .news-top {
    padding: 0 20px 21px;
  }
  .news-card:not(:nth-child(2n)) {
    padding-left: 20px;
  }
  .news-card:not(:first-child) {
    border-left: none;
  }
  .news-card:nth-child(2n) {
    padding-right: 20px;
    border-left: 1px solid var(--seryy-linii);
  }
  .news-card {
    border-bottom: 1px solid var(--seryy-linii);
  }
  .news-card__img {
    height: 149px;
  }
  .news__body {
    grid-template-columns: repeat(2, 1fr);
  }
  .news__body .news-card {
    border-bottom: none;
  }
  .news__body .news-card:nth-child(2n) {
    padding-right: 20px;
  }
  .news__body .news-card:nth-child(2n+1) {
    padding-left: 20px;
  }
  .news__body .news-card:nth-child(4n) {
    padding-right: 20px;
  }
  .news__body .news-card:nth-child(4n+1) {
    padding-left: 20px;
  }
}
.object-card {
  background-color: var(--belyy);
  overflow: hidden;
  position: relative;
}
.object-card-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  display: none;
}
.object-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 30px 25px 0;
}
.object-card-top__box {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  flex: 1;
  transition: transform 0.3s ease-in-out;
}
.object-card-top__location {
  width: 40px;
  height: 40px;
}
.object-card-top__caption {
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: white;
}
.object-card-top__value {
  color: white;
}
.object-card__contain {
  position: relative;
  height: 275px;
}
.object-card__contain .object-card__details-object {
  display: none;
}
.object-card__img {
  width: 100%;
  height: 100%;
}
.object-card-increase {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 30px;
  z-index: 8;
  transform: scale(0);
  transition: transform 0.3s ease-in-out;
}
.object-card__bottom {
  padding: 20px 25px 40px;
  transition: background-color 0.3s ease-in-out;
}
.object-card__bottom * {
  transition: color 0.3s ease-in-out;
}
.object-card__info {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--seryy-linii);
}
.object-card__row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.object-card__coll-caption {
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.object-card__details-object {
  font-size: 35px;
}
.object-card__price {
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
@media (hover: hover) {
  .object-card:hover:not(.object-card--list):not(.catalog-objects--list .object-card) .object-card-top__box {
    transform: translateX(0);
  }
  .object-card:hover:not(.object-card--list):not(.catalog-objects--list .object-card) .object-card-top__location {
    opacity: 1;
    visibility: visible;
  }
  .object-card:hover:not(.object-card--list):not(.catalog-objects--list .object-card) .object-card-increase {
    transform: scale(1);
  }
  .object-card:hover:not(.object-card--list):not(.catalog-objects--list .object-card) .object-card__bottom {
    background-color: var(--zelenyy);
  }
  .object-card:hover:not(.object-card--list):not(.catalog-objects--list .object-card) .object-card__bottom * {
    color: var(--belyy);
  }
}
.catalog-objects--list .object-card,
.object-card--list {
  display: flex;
  align-items: center;
  position: relative;
}
.catalog-objects--list .object-card::before,
.object-card--list::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 100%;
  background: var(--zelenyy);
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.catalog-objects--list .object-card .object-card-top,
.object-card--list .object-card-top {
  padding: 0;
  order: 2;
  width: 23%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.catalog-objects--list .object-card .object-card-top::after,
.catalog-objects--list .object-card .object-card__contain::after,
.catalog-objects--list .object-card .object-card__row::after,
.object-card--list .object-card-top::after,
.object-card--list .object-card__contain::after,
.object-card--list .object-card__row::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 80px;
  background: var(--seryy-linii);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.catalog-objects--list .object-card .object-card-top__box,
.object-card--list .object-card-top__box {
  flex: none;
}
.catalog-objects--list .object-card .object-card__contain,
.object-card--list .object-card__contain {
  display: flex;
  height: auto;
  order: 1;
  width: 33%;
  position: relative;
}
.catalog-objects--list .object-card .object-card__contain .object-card__details-object,
.object-card--list .object-card__contain .object-card__details-object {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.catalog-objects--list .object-card .object-card__img,
.object-card--list .object-card__img {
  height: 180px;
  width: 180px;
}
.catalog-objects--list .object-card .object-card__bottom,
.object-card--list .object-card__bottom {
  padding: 0;
  display: flex;
  flex-direction: row-reverse;
  order: 3;
  flex: 1;
  height: 100%;
}
.catalog-objects--list .object-card .object-card__bottom .object-card__details-object,
.object-card--list .object-card__bottom .object-card__details-object {
  display: none;
}
.catalog-objects--list .object-card .object-card__row,
.object-card--list .object-card__row {
  flex: 1;
  align-items: center;
  justify-content: center;
  position: relative;
}
.catalog-objects--list .object-card .object-card__info,
.object-card--list .object-card__info {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  height: 100%;
  width: 34%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px;
}
@media (hover: hover) {
  .catalog-objects--list .object-card:hover::before,
  .object-card--list:hover::before {
    opacity: 1;
  }
}
.object-card_apartment .object-card__contain {
  height: auto;
}
.object-card_apartment .object-card__img img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 1469px) {
  .catalog-objects--list .object-card .object-card__img,
  .object-card--list .object-card__img {
    height: 160px;
  }
}
@media (max-width: 1359px) {
  .catalog-objects--list .object-card .object-card-top,
  .object-card--list .object-card-top {
    width: 22%;
    max-width: 200px;
  }
  .catalog-objects--list .object-card .object-card__contain,
  .object-card--list .object-card__contain {
    width: 40%;
  }
  .catalog-objects--list .object-card .object-card__contain .object-card__details-object,
  .object-card--list .object-card__contain .object-card__details-object {
    align-items: flex-start;
    flex-direction: column;
  }
  .catalog-objects--list .object-card .object-card__details-object span,
  .object-card--list .object-card__details-object span {
    display: block;
  }
  .catalog-objects--list .object-card .object-card__info,
  .object-card--list .object-card__info {
    width: 44%;
  }
  .catalog-objects--list .object-card .object-card__row,
  .object-card--list .object-card__row {
    padding: 10px;
    justify-content: flex-start;
    gap: 5px 20px;
    align-content: center;
  }
  .catalog-objects--list .object-card .object-card__coll-value,
  .object-card--list .object-card__coll-value {
    font-size: 16px;
    line-height: 110%;
  }
}
@media (max-width: 1010px) {
  .object-card-top {
    padding: 10px 10px 0;
  }
  .object-card-top__box {
    transform: translateX(0);
  }
  .object-card-top__location {
    width: 20px;
    height: 20px;
    opacity: 1;
    visibility: visible;
  }
  .object-card-top__caption {
    font-size: 10px;
  }
  .object-card-top__value {
    font-size: 10px;
    line-height: 110%;
    letter-spacing: 0.03em;
  }
  .object-card__contain {
    height: 194px;
  }
  .object-card__details-object {
    font-size: 20px;
  }
  .catalog-objects--list .object-card .object-card__details-object span,
  .object-card--list .object-card__details-object span,
  .object-card__details-object span {
    display: inline-flex;
  }
  .object-card__price {
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.03em;
  }
  .object-card__bottom {
    padding: 0 10px 15px;
  }
  .object-card__info {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .object-card__coll {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    line-height: 110%;
    letter-spacing: 0.03em;
  }
  .object-card__coll:not(:first-child) {
    display: none;
  }
  .object-card__coll-caption,
  .object-card__coll-value {
    font-size: 10px;
  }
  .catalog-objects--list .object-card,
  .object-card--list {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0 5px;
    padding: 15px 10px;
  }
  .catalog-objects--list .object-card .object-card__contain,
  .object-card--list .object-card__contain {
    grid-row: 1/-1;
    grid-column: 1;
    width: auto;
    height: auto;
    display: block;
  }
  .catalog-objects--list .object-card .object-card-top::after,
  .catalog-objects--list .object-card .object-card__contain .object-card__details-object,
  .catalog-objects--list .object-card .object-card__contain::after,
  .catalog-objects--list .object-card .object-card__row::after,
  .catalog-objects--list .object-card::before,
  .object-card--list .object-card-top::after,
  .object-card--list .object-card__contain .object-card__details-object,
  .object-card--list .object-card__contain::after,
  .object-card--list .object-card__row::after,
  .object-card--list::before {
    display: none;
  }
  .catalog-objects--list .object-card .object-card__img,
  .object-card--list .object-card__img {
    width: 80px;
    height: 70px;
  }
  .catalog-objects--list .object-card .object-card-top,
  .object-card--list .object-card-top {
    grid-row: 2;
    grid-column: 2;
    width: auto;
    height: auto;
    padding: 0;
    order: unset;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .catalog-objects--list .object-card .object-card__bottom,
  .object-card--list .object-card__bottom {
    display: contents;
  }
  .catalog-objects--list .object-card .object-card__bottom .object-card__details-object,
  .object-card--list .object-card__bottom .object-card__details-object {
    display: block;
  }
  .catalog-objects--list .object-card .object-card__info,
  .object-card--list .object-card__info {
    grid-row: 1;
    grid-column: 2/-1;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--seryy-linii);
  }
  .catalog-objects--list .object-card .object-card__row,
  .object-card--list .object-card__row {
    padding: 0;
    grid-row: 2;
    grid-column: 3;
    flex: none;
    justify-content: flex-end;
    gap: 5px 10px;
  }
  .catalog-objects--list .object-card .object-card__coll,
  .object-card--list .object-card__coll {
    flex-direction: column;
  }
  .catalog-objects--list .object-card .object-card__coll-value,
  .object-card--list .object-card__coll-value {
    font-size: 10px;
  }
}
@media (max-width: 760px) {
  .object-card__contain {
    height: 32vw;
  }
}
.object-promo,
.object-promo__wrap {
  width: calc(50% - 10px);
  display: flex;
}
.object-promo {
  background: var(--fon);
  gap: 20px;
}
.object-promo__wrap {
  padding: 30px;
  flex-direction: column;
  justify-content: space-between;
}
.object-promo__img {
  width: calc(50% - 10px);
  height: 100%;
}
.object-promo__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.object-promo__bottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.object-promo__desc {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--belyy);
}
.object-promo__nav {
  display: flex;
  gap: 10px;
}
@media (max-width: 1599px) {
  .object-promo {
    width: calc(66.666% - 6px);
  }
}
@media (max-width: 1199px) {
  .object-promo {
    width: 100%;
    min-height: 550px;
  }
}
@media (max-width: 1010px) {
  .object-promo {
    min-height: 320px;
  }
  .object-promo__wrap {
    padding: 20px;
  }
  .object-promo__bottom {
    gap: 10px;
  }
  .object-promo__desc {
    font-size: 12px;
    line-height: 125%;
  }
  .object-promo__desc p + p {
    margin-top: 10px;
  }
}
@media (max-width: 710px) {
  .object-promo {
    display: none;
    flex-direction: column-reverse;
    gap: 0;
  }
  .object-promo_active {
    display: flex;
  }
  .object-promo__wrap {
    width: 100%;
    gap: 10px;
  }
  .object-promo__img {
    width: 100%;
    height: auto;
  }
}
.order {
  display: flex;
  background: var(--fon);
  border-bottom: 1px solid var(--seryy-2);
}
.order__wrap {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 50px 20px 70px 40px;
}
.order__title {
  font-weight: 400;
  font-size: 60px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--belyy);
}
.order__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
.order-address,
.order-link {
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--belyy);
}
.order-link {
  display: inline-flex;
  font-size: 45px;
  line-height: 110%;
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
  .order-link:hover {
    color: var(--zelenyy);
  }
}
.order-address {
  font-style: normal;
  font-size: 22px;
  line-height: 120%;
}
@media (max-width: 1469px) {
  .order-address {
    position: relative;
    bottom: -4px;
  }
}
@media (max-width: 1199px) {
  .order__wrap {
    padding: 45px 20px 70px 40px;
  }
}
@media (max-width: 1010px) {
  .order {
    flex-direction: column;
    padding: 50px 20px;
  }
  .order__wrap {
    width: 100%;
    padding: 0;
    margin-bottom: 12px;
  }
  .order__title {
    font-size: 28px;
    margin-top: -3px;
  }
  .order__info {
    margin-top: 48px;
  }
  .order-link {
    font-size: 28px;
  }
  .order-address {
    bottom: 0;
    font-size: 16px;
  }
}
@media (max-width: 760px) {
  .order__title {
    max-width: 300px;
  }
}
.plan-card {
  background-color: var(--belyy);
  position: relative;
}
.plan-card-top {
  display: flex;
  gap: 5px;
  padding: 20px 15px 0;
}
.plan-card-top__icon {
  width: 30px;
  height: 30px;
}
.plan-card-top__icon img,
.plan-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.plan-card-top__box {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.plan-card-top__caption {
  font-size: 10px;
  line-height: 110%;
}
.plan-card-top__value {
  color: var(--chernyy);
  line-height: 110%;
}
.plan-card-increase {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 14px;
  z-index: 8;
}
.plan-card__contain {
  position: relative;
  padding: 0 10px;
  width: 100%;
  height: 168px;
}
.plan-card__img {
  width: 100%;
  height: 100%;
}
.plan-card__bottom {
  padding: 10px 15px 25px;
}
.plan-card__info {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--seryy-linii);
}
.plan-card__details {
  font-weight: 400;
  font-size: 28px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.plan-card__details span {
  color: var(--seryy-linii);
  padding-left: 10px;
}
.plan-card__row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.plan-card__coll-caption,
.plan-card__coll-value {
  font-size: 12px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.plan-card__coll-value {
  font-size: 16px;
}
.plan-card + .plan-card {
  margin-top: 40px;
  position: relative;
}
.plan-card + .plan-card::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: -20px;
  background: var(--seryy-linii);
}
.progress__body {
  display: flex;
  gap: 20px;
}
.progress__left {
  width: 444px;
  justify-content: space-between;
}
.progress__left,
.progress__left-top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.progress__body {
  flex: 1;
  overflow: hidden;
}
.progress__wrap {
  padding-left: 1px;
  width: calc(100% + 20px);
}
.progress-card {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -1px;
  border-right: 1px solid var(--seryy-linii);
}
.progress-card:first-child {
  border-left: 1px solid var(--seryy-linii);
}
.progress-card__img {
  width: 100%;
  height: 455px;
  overflow: hidden;
  margin-bottom: 15px;
}
@media (min-width: 1930px) {
  .progress-card__img {
    height: 655px;
  }
}
.progress-card__icon img,
.progress-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.progress-card__box {
  display: flex;
  justify-content: space-between;
}
.progress-card__icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--zelenyy);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
}
.progress-card__icon img {
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (hover: hover) {
  .progress-card:hover .progress-card__img img {
    transform: scale(1.1);
  }
  .progress-card:hover .progress-card__icon {
    background-color: var(--chernyy);
  }
  .progress-card:hover .progress-card__icon img {
    transform: scale(1.3);
  }
}
@media (max-width: 1469px) {
  .progress__left-top {
    gap: 16px;
  }
  .progress-card__img {
    height: 280px;
  }
}
@media (max-width: 1199px) {
  .progress-card {
    padding-left: 0;
    border-right: none;
  }
  .progress-card:first-child {
    border-left: none;
  }
  .progress-card__img {
    height: 255px;
  }
}
@media (max-width: 1010px) {
  .progress {
    padding-top: 90px;
  }
  .progress__body {
    flex-direction: column;
  }
  .progress__title br {
    display: none;
  }
  .progress__left {
    width: 100%;
    align-items: flex-end;
    flex-direction: row;
  }
  .progress__left-top {
    gap: 4px;
  }
  .progress__wrap {
    margin-left: -10px;
  }
  .progress .arrows {
    position: relative;
    top: 2px;
  }
  .progress-card {
    padding-left: 10px;
    border-right: 1px solid var(--seryy-linii);
    padding-right: 10px;
    margin-left: 0;
  }
  .progress-card__img {
    height: 205px;
  }
  .progress-card__icon {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 710px) {
  .progress {
    padding-top: 87px;
  }
  .progress__body {
    gap: 22px;
  }
  .progress-card {
    padding-bottom: 20px;
    border-right: none;
    border-bottom: 1px solid var(--seryy-linii);
  }
  .progress-card__img {
    height: 200px;
  }
  .progress .arrows {
    display: none;
  }
}
.project-features {
  overflow: hidden;
}
.project-features__body {
  display: flex;
  justify-content: space-between;
}
.project-features__first,
.project-features__first-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.project-features__first {
  width: 25%;
  max-width: 604px;
}
.project-features__first-box {
  width: 100%;
  gap: 20px;
}
.project-features__desc {
  min-height: 140px;
  display: flex;
  align-items: flex-end;
  font-family: var(--second-family);
  font-size: 16px;
  line-height: 140%;
}
.project-features__center {
  width: 33%;
  max-width: 814px;
  height: 800px;
}
.project-features__wrap {
  width: 25%;
  max-width: 603px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.project-features__wrap * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.project-features__container,
.project-features__number {
  display: flex;
  justify-content: flex-end;
}
.project-features__container {
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
}
.project-features-text {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.project-features-text__slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.project-features-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.project-features-swiper__slide {
  width: 100%;
  height: 100%;
}
.project-features-slick__slide img,
.project-features-swiper__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.project-features-slick {
  width: 440px;
  overflow: hidden;
}
.project-features-slick .swiper-wrapper {
  transition: all 0.3s !important;
}
.project-features-slick__slide {
  width: 210px;
  height: 150px;
}
@media (max-width: 2099px) {
  .project-features__first {
    max-width: 445px;
  }
  .project-features__center {
    width: 33%;
    max-width: 814px;
    height: 32vw;
    max-height: 600px;
  }
  .project-features__wrap {
    max-width: 445px;
  }
}
@media (max-width: 1659px) {
  .project-features__first {
    max-width: 325px;
  }
  .project-features__center {
    width: 33%;
    max-width: 440px;
    height: 35vw;
    max-height: 500px;
  }
  .project-features__wrap {
    max-width: 325px;
  }
  .project-features-slick {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .project-features__first {
    width: calc(33.333% - 14px);
  }
  .project-features__center {
    height: 40vw;
    max-height: 400px;
  }
  .project-features__center,
  .project-features__wrap {
    width: calc(33.333% - 14px);
  }
  .project-features-slick__slide {
    height: 140px;
  }
}
@media (max-width: 1010px) {
  .project-features__first {
    display: none;
  }
  .project-features__body {
    flex-direction: row-reverse;
  }
  .project-features__top {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
  }
  .project-features__center,
  .project-features__wrap {
    max-width: 50%;
    width: calc(50% - 10px);
  }
  .project-features__center {
    height: 46vw;
    max-height: 350px;
  }
  .project-features__desc {
    min-height: auto;
    font-size: 12px;
    line-height: 125%;
  }
  .project-features__container {
    align-items: flex-start;
  }
  .project-features-slick {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    display: none;
  }
}
@media (max-width: 710px) {
  .project-features__body {
    flex-direction: column;
    gap: 10px;
  }
  .project-features__first {
    display: block;
    max-width: 100%;
    width: 100%;
  }
  .project-features__first-box {
    gap: 10px;
  }
  .project-features__center,
  .project-features__wrap {
    max-width: 100%;
    width: 100%;
    position: relative;
  }
  .project-features__center {
    height: 89vw;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
  .project-features__title {
    padding-right: 72px;
  }
  .project-features .arrows {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 16;
  }
  .project-features-swiper {
    overflow: visible;
  }
  .project-features-text__slide {
    gap: 10px;
  }
}
.projects {
  padding-bottom: 100px;
  border-bottom: 1px solid var(--seryy-linii);
}
.projects_item {
  padding-bottom: 0;
  border-bottom: none;
}
.projects__body {
  display: flex;
  gap: 0;
  position: relative;
}
.projects__map {
  width: 50%;
  position: relative;
}
.projects__map #yandex-map {
  width: 100%;
  min-height: 600px;
  height: calc(100dvh - 50px) !important;
}
.projects__map img {
  width: 100%;
  height: auto;
  display: block;
}
.projects__map-close {
  display: none;
  position: absolute;
  top: 10px;
  left: 20px;
  border: 1px solid var(--chernyy);
  background-color: var(--belyy);
  border-radius: 50px;
  padding: 5px 15px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  z-index: 10001;
  transition: all 0.3s ease;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  pointer-events: auto;
}
.projects__map--fullscreen {
  position: fixed!important;
  top: 50px;
  left: 0;
  width: 100vw;
  height: calc(100dvh - 50px);
  z-index: 99;
  background: #fff;
  display: block!important;
  -webkit-animation: fadeIn 0.3s ease;
  animation: fadeIn 0.3s ease;
  overflow: hidden;
}
.projects__map--fullscreen .projects-sticky {
  position: static!important;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  pointer-events: auto;
  visibility: visible!important;
  transform: none!important;
  top: auto!important;
  left: auto !important;
}
.projects__map--fullscreen #yandex-map,
.projects__map--fullscreen img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-animation: zoomIn 0.3s ease;
  animation: zoomIn 0.3s ease;
  pointer-events: auto;
}
.projects__map--fullscreen .projects__map-close {
  display: flex!important;
  visibility: visible !important;
}
.projects__wrap {
  width: 50%;
}
.projects-btn-filter {
  display: none;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  padding: 7px 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  cursor: pointer;
}
.projects-btn-filter:hover {
  background: var(--chernyy);
  color: #fff;
}
.projects-btn-filter:hover svg path {
  stroke: #fff;
}
.projects-btn-filter,
.projects-btn-filter svg {
  transition: all 0.3s ease;
}
.projects-tabs {
  position: absolute;
  top: 20px;
  left: 40px;
  display: flex;
  gap: 10px;
  z-index: 10;
  pointer-events: none;
}
.projects-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  padding: 8px 15px 5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  background-color: var(--belyy);
  cursor: pointer;
  pointer-events: auto;
  transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
}
.projects-tab.active {
  background-color: var(--zelenyy);
  border-color: var(--zelenyy);
  color: var(--belyy);
}
@media (hover: hover) {
  .projects-tab:hover {
    background-color: var(--zelenyy);
    border-color: var(--zelenyy);
    color: var(--belyy);
  }
}
.projects-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.projects-top__box {
  padding: 60px 40px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
}
.projects-top__row {
  border-left: 1px solid var(--seryy-linii);
  border-bottom: 1px solid var(--seryy-linii);
  padding-top: 20px;
  padding-bottom: 20px;
}
.projects-top__coll {
  display: flex;
  justify-content: space-between;
  padding: 40px;
}
.projects-card:not(:first-child),
.projects-top__coll:not(:first-child) {
  border-top: 1px solid var(--seryy-linii);
}
.projects-top__value {
  width: 50%;
  display: flex;
  gap: 10px;
  color: var(--chernyy);
  position: relative;
  top: -12px;
}
.projects-top__value small {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding-top: 12px;
}
.projects-top__desc,
.projects-top__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--chernyy);
}
.projects-top__desc {
  width: 50%;
  font-family: var(--second-family), sans-serif;
  text-align: right;
}
.projects-top__text {
  font-family: var(--second-family);
}
.projects-top__text p + p {
  margin-top: 20px;
}
.projects-wrap {
  padding-top: 40px;
  padding-bottom: 20px;
  border-top: 1px solid var(--seryy-linii);
}
.projects-card {
  display: block;
  padding: 40px;
}
.projects-card__img {
  width: 100%;
  height: 346px;
  margin-bottom: 20px;
  overflow: hidden;
}
.projects-card__img img,
.projects-card__plus img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.projects-card__box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.projects-card__left {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.projects-card__caption {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  margin-bottom: -4px;
}
.projects-card__title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--chernyy);
}
.projects-card__plus {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--zelenyy);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
}
.projects-card__plus img {
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
  object-fit: contain;
}
.projects-card__items {
  display: flex;
  gap: 10px;
}
.projects-card__item {
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  position: relative;
}
.projects-card__item:not(:last-child)::after {
  content: "•";
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  margin-left: 10px;
}
@media (hover: hover) {
  .projects-card:hover .projects-card__img img {
    transform: scale(1.1);
  }
  .projects-card:hover .projects-card__plus {
    background-color: var(--chernyy);
  }
  .projects-card:hover .projects-card__plus img {
    transform: scale(1.3);
  }
}
@media (max-width: 1469px) {
  .projects {
    padding-bottom: 0;
  }
  .projects-card__left {
    gap: 63.5px;
  }
  .projects-card__img {
    height: 240px;
  }
}
@media (max-width: 1199px) {
  .projects-top__box {
    gap: 31px;
  }
  .projects-top__title {
    margin-right: -25px;
    position: relative;
    top: -4px;
  }
}
@media (max-width: 1010px) {
  .projects {
    border-bottom: none;
  }
  .projects-top {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 28px;
  }
  .projects-top__box {
    padding: 27px 20px 10px;
    gap: 20px;
  }
  .projects-top__row {
    border-left: none;
    border-bottom: none;
    padding: 20px 10px 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .projects-top__coll {
    padding: 0 10px;
    flex-direction: column;
    position: relative;
    gap: 12px;
  }
  .projects-top__coll:not(:first-child) {
    border-top: none;
  }
  .projects-top__coll:not(:first-child)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--seryy-linii);
  }
  .projects-top__title {
    margin-right: 0;
    top: 0;
  }
  .projects-top__value {
    font-size: 110px;
    top: 0;
  }
  .projects-top__value small {
    padding-top: 9px;
    padding-left: 1px;
  }
  .projects-top__desc {
    width: 100%;
    font-size: 12px;
    text-align: left;
  }
  .projects-top__text {
    font-size: 12px;
  }
  .projects-top__text p + p {
    margin-top: 12px;
  }
  .projects-top_item .projects-top__row {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px 30px;
  }
  .projects-top_item .projects-top__coll:first-child {
    width: 100%;
    padding-top: 0;
  }
  .projects-top_item .projects-top__coll {
    width: 50%;
    padding: 30px 0 29px;
    gap: 0;
    border-bottom: 1px solid var(--seryy-linii);
  }
  .projects-top_item .projects-top__coll:not(:first-child)::after {
    display: none;
  }
  .projects-btn-filter {
    display: inline-flex;
  }
  .projects__body {
    display: block;
    gap: 0;
    padding: 0 20px;
  }
  .projects__map {
    display: none;
    width: 100%;
  }
  .projects__wrap {
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid var(--seryy-linii);
  }
  .projects-card {
    padding: 18px 0;
    margin-bottom: 18px;
  }
  .projects-card__img {
    height: 243px;
  }
  .projects-card__caption {
    font-size: 16px;
  }
  .projects-card__title {
    align-items: center;
    margin-top: -2px;
  }
  .projects-card__title img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .projects-card__icon {
    width: 30px;
    height: 30px;
  }
  .projects-card__left {
    gap: 8px;
  }
  .projects-card__items {
    align-items: flex-end;
  }
  .projects-card__item {
    font-size: 12px;
  }
  .projects-wrap {
    padding-top: 0;
    padding-bottom: 10px;
    border-top: none;
  }
  .projects__map .projects-tabs {
    display: none !important;
  }
  .projects__body > .projects-tabs {
    position: static;
    top: auto;
    left: auto;
    margin-top: 10px;
    flex-wrap: wrap;
    pointer-events: auto;
  }
  .projects-tabs {
    gap: 5px;
  }
}
@media (max-width: 710px) {
  .projects-top {
    margin-bottom: 39px;
  }
  .projects-btn-filter {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .projects-top__title {
    margin-bottom: 3px;
  }
  .projects-top__row {
    padding: 30px 20px;
    grid-template-columns: repeat(1, 1fr);
  }
  .projects-top__coll {
    padding: 30px 0 29px;
    gap: 0;
    border-bottom: 1px solid var(--seryy-linii);
  }
  .projects-top__coll:not(:first-child)::after {
    display: none;
  }
  .projects-top__coll:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .projects-top__value {
    top: -10px;
  }
  .projects-top_item .projects-top__coll {
    width: 100%;
  }
  .projects-card__img {
    height: 200px;
  }
  .projects-card__title {
    margin-top: 0.6px;
  }
}
.map-marker {
  display: flex;
  align-items: center;
  gap: 0;
  cursor: pointer!important;
  transition: all 0.3s ease;
  position: relative;
  pointer-events: auto !important;
}
.map-marker:hover {
  transform: scale(1.05);
}
.map-marker:hover .map-marker__icon {
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}
.map-marker:not(.map-marker--active):hover .map-marker__label {
  opacity: 1!important;
  visibility: visible!important;
  transform: translateX(0) !important;
  max-width: 300px!important;
  padding: 8px 10px!important;
  color: var(--belyy);
  font-weight: 400;
}
.map-marker__icon {
  width: 40px!important;
  height: 40px!important;
  min-width: 40px;
  min-height: 40px;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
  display: block!important;
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer!important;
  pointer-events: auto!important;
  transition: filter 0.3s ease;
}
.map-marker__label {
  display: flex;
  align-items: center;
  position: absolute;
  left: 100%;
  top: 0;
  font-family: var(--main-family), sans-serif;
  white-space: nowrap;
  background: var(--fon);
  padding: 8px 0;
  border-radius: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  transition: all 0.3s ease;
  height: 40px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--belyy);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
  max-width: 0;
  overflow: hidden;
}
.map-marker--label-left .map-marker__label {
  left: auto;
  right: 100%;
  text-align: right;
  justify-content: flex-end;
  transform: translateX(10px);
}
.map-marker--active .map-marker__label,
.map-marker--hover .map-marker__label,
.map-marker:hover .map-marker__label {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  max-width: 300px;
  padding: 8px 10px;
}
@media (max-width: 1010px) {
  .map-marker__icon {
    width: 30px!important;
    height: 30px!important;
    min-width: 30px;
    min-height: 30px;
  }
  .map-marker__label {
    padding: 6px 8px!important;
    height: 30px;
    font-size: 16px;
  }
}
.map-hidden {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 8;
  width: 100%;
}
.map-hidden * {
  box-sizing: border-box;
}
.map-card {
  width: 100%;
  display: none;
  gap: 10px;
  border-top: 1px solid var(--seryy-linii);
  padding: 10px 20px;
  background: var(--belyy);
}
.map-card__img {
  width: 114px;
  height: 130px;
}
.map-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.map-card__wrap {
  flex: 1;
  flex-direction: column;
}
.map-card__bottom,
.map-card__top,
.map-card__wrap {
  display: flex;
  justify-content: space-between;
}
.map-card__bottom {
  align-items: center;
}
.map-card__caption,
.map-card__item,
.map-card__title {
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.map-card__item,
.map-card__title {
  font-size: 28px;
}
.map-card__item {
  font-size: 12px;
}
.map-card__item + .map-card__item {
  margin-top: 5px;
}
.map-card__icon,
.map-card__plus {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-card__icon img,
.map-card__plus img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.map-card__plus {
  width: 20px;
}
.map-card__plus img {
  width: 20px;
  height: 20px;
}
@media (max-width: 1011px) {
  .map-card.active {
    display: flex;
  }
}
.promo {
  height: 100vh;
  position: relative;
  z-index: 16;
}
.promo-body {
  height: 100%;
  position: relative;
  z-index: 8;
}
.promo-body .promo__card {
  padding-top: 110px;
}
.promo-swiper {
  width: 100%;
  height: 100%;
}
.promo-swiper * {
  box-sizing: border-box;
}
.promo-slide,
.promo-slide .wrapper,
.promo__bg img {
  width: 100%;
  height: 100%;
}
.promo__location {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  z-index: 8;
}
.promo__subtitle {
  color: var(--belyy);
  position: relative;
  z-index: 8;
}
.promo__card {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 125px;
}
.promo__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.promo__bg img {
  -o-object-fit: cover;
  object-fit: cover;
}
.promo__title {
  max-width: 550px;
  position: relative;
  z-index: 2;
}
.promo-bottom {
  position: absolute;
  width: 50%;
  padding: 25px 40px 50px 30px;
  background: var(--fon);
  right: 0;
  bottom: 0;
  z-index: 16;
}
.promo-bottom__card {
  align-items: initial;
}
.promo-bottom__left,
.promo-bottom__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.promo-bottom__left {
  align-items: flex-start;
}
.promo-bottom__right {
  align-items: flex-end;
  padding-top: 3px;
}
.promo-bottom__caption {
  color: var(--belyy);
  margin-bottom: 15px;
}
.promo-bottom__caption br,
.select-options__checkbox input,
.select-options__item input {
  display: none;
}
.promo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  left: 40px;
  bottom: 50px;
  background-color: var(--zelenyy);
  border-radius: 50%;
  -webkit-animation: bounceUpDown 2s ease-in-out infinite;
  animation: bounceUpDown 2s ease-in-out infinite;
}
.promo-btn,
.promo-link,
.promo-timer {
  position: absolute;
  z-index: 16;
}
.promo-btn {
  border: 1px solid var(--chernyy);
  left: 40px;
  bottom: 50px;
}
.promo-btn span {
  padding-top: 2px;
}
.promo-timer {
  right: 0;
  bottom: 0;
  padding: 30px 40px 50px 30px;
  background-color: var(--fon);
}
.promo-timer-title {
  color: var(--belyy);
}
.promo-timer__row {
  display: flex;
}
.promo-timer__item {
  width: 104px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid var(--seryy-linii);
}
.promo-timer__item:last-child {
  width: 94px;
  padding-right: 0;
}
.promo-timer__value {
  color: var(--belyy);
}
@media (max-width: 1199px) {
  .promo-bottom__caption br {
    display: block;
  }
  .promo-link {
    display: none;
  }
  .promo-link.active {
    display: inline-flex;
  }
}
@media (max-width: 1010px) {
  .promo__title {
    max-width: 320px;
  }
  .promo__card {
    padding-top: 74px;
  }
  .promo__location-icon {
    width: 32px;
    height: 32px;
  }
  .promo-body .promo__card {
    padding-top: 80px;
  }
  .promo-body .promo__bg::after,
  .promo-bottom__caption br {
    display: none;
  }
  .promo__bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 100%);
  }
  .promo-bottom {
    width: 100%;
    padding: 20px 20px 30px;
  }
  .promo-bottom__right {
    padding-top: 0;
  }
  .promo-bottom__caption {
    margin-bottom: 10px;
  }
  .promo-link {
    left: 20px;
    bottom: 30px;
  }
  .promo-btn {
    left: 20px;
  }
  .promo-timer {
    padding: 20px 20px 30px;
  }
  .promo-timer__item {
    width: 84px;
  }
  .promo-timer__item:last-child {
    width: 74px;
    padding-right: 0;
  }
}
@media (max-width: 760px) {
  .promo__bg_dark::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 100%);
  }
  .promo-timer {
    width: 100%;
  }
  .promo-timer__item {
    width: auto;
    flex: 1;
  }
  .promo-timer__item:last-child {
    width: auto;
  }
}
.recomendations-card {
  background-color: var(--belyy);
  overflow: hidden;
  position: relative;
}
.recomendations-card-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
}
.recomendations-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 30px 25px 0;
}
.recomendations-card-top__box {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  flex: 1;
  transform: translateX(-45px);
  transition: transform 0.3s ease-in-out;
}
.recomendations-card-top__location {
  width: 40px;
  height: 40px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.recomendations-card-top__icon img,
.recomendations-card-top__location img,
.recomendations-card__img img,
.sales-departments-card__img img,
.search-form__btn img,
.search-form__item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.recomendations-card-top__caption {
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
}
.recomendations-card-top__value {
  color: var(--chernyy);
}
.recomendations-card-top__icon {
  width: 40px;
  height: 40px;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.recomendations-card__contain {
  position: relative;
  height: 235px;
}
.recomendations-card__img {
  width: 100%;
  height: 100%;
}
.recomendations-card-increase {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 30px;
  z-index: 8;
  transform: scale(0);
  transition: transform 0.3s ease-in-out;
}
.recomendations-card__bottom {
  padding: 20px 25px 40px;
  transition: background-color 0.3s ease-in-out;
}
.recomendations-card__bottom * {
  transition: color 0.3s ease-in-out;
}
.recomendations-card__info {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--seryy-linii);
}
.recomendations-card__row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.recomendations-card__coll-caption,
.recomendations-card__price {
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.recomendations-card__details-object span {
  color: var(--seryy-linii);
}
.recomendations-card__price {
  font-size: 30px;
  line-height: 120%;
  color: var(--chernyy);
}
@media (hover: hover) {
  .recomendations-card:hover .recomendations-card-top__box {
    transform: translateX(0);
  }
  .recomendations-card:hover .recomendations-card-top__location {
    opacity: 1;
    visibility: visible;
  }
  .recomendations-card:hover .recomendations-card-top__icon {
    transform: translateX(45px);
    opacity: 0;
    visibility: hidden;
  }
  .recomendations-card:hover .recomendations-card-increase {
    transform: scale(1);
  }
  .recomendations-card:hover .recomendations-card__bottom {
    background-color: var(--zelenyy);
  }
  .recomendations-card:hover .recomendations-card__bottom * {
    color: var(--belyy);
  }
}
@media (max-width: 1199px) {
  .recomendations-card__contain {
    height: 185px;
  }
  .recomendations-card__details-object span {
    display: block;
  }
}
@media (max-width: 1010px) {
  .recomendations-card-top {
    padding: 10px 10px 0;
  }
  .recomendations-card-top__box {
    transform: translateX(0);
  }
  .recomendations-card-top__location {
    width: 20px;
    height: 20px;
    opacity: 1;
    visibility: visible;
  }
  .recomendations-card-top__caption {
    font-size: 10px;
  }
  .recomendations-card-top__value {
    font-size: 10px;
    line-height: 110%;
    letter-spacing: 0.03em;
  }
  .recomendations-card-top__icon {
    display: none;
  }
  .recomendations-card__details-object {
    font-size: 20px;
  }
  .recomendations-card__details-object span {
    display: inline-flex;
  }
  .recomendations-card__price {
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.03em;
  }
  .recomendations-card__bottom {
    padding: 0 10px 15px;
  }
  .recomendations-card__info {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .recomendations-card__coll {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    line-height: 110%;
    letter-spacing: 0.03em;
  }
  .recomendations-card__coll:not(:first-child) {
    display: none;
  }
  .recomendations-card__coll-caption,
  .recomendations-card__coll-value {
    font-size: 10px;
  }
}
.sales-departments__body {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 20px;
}
.sales-departments-card__img {
  width: 100%;
}
.sales-departments-card__box {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 15px;
  padding-bottom: 50px;
}
.sales-departments-card__link,
.sales-departments-card__value {
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--seryy-linii);
}
.sales-departments-card__link {
  display: inline-flex;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--chernyy);
}
@media (max-width: 1359px) {
  .sales-departments__body {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 16px;
  }
}
@media (max-width: 760px) {
  .sales-departments__body {
    margin-top: 20px;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 10px;
  }
  .sales-departments-card__box {
    padding-bottom: 20px;
  }
  .sales-departments-card__link,
  .sales-departments-card__value {
    font-size: 12px;
  }
}
.search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 99;
  padding-top: 70px;
  visibility: hidden;
  transition: visibility 0.3s ease-in-out;
}
.search__body {
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
  justify-content: center;
  background-color: var(--belyy);
  position: relative;
  z-index: 8;
  border-top: 1px solid var(--seryy-linii);
  transform: translateY(-110%);
  transition: transform 0.3s ease-in-out;
}
.search-overlay {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.search.active {
  visibility: visible;
  transition: visibility 0s ease-in-out;
}
.search.active .search-overlay {
  opacity: 1;
}
.search.active .search__body {
  transition-delay: 0.15s;
  transform: translateY(0);
}
.search-form {
  width: 100%;
  max-width: 640px;
  padding: 0 20px;
}
.search-form__label {
  position: relative;
}
.search-form__field {
  height: 48px;
  color: var(--chernyy);
  padding-left: 0;
  padding-right: 35px;
  border-top: 1px solid var(--seryy-linii);
  border-bottom: 1px solid var(--seryy-linii);
}
.search-form__field::-webkit-input-placeholder {
  color: var(--chernyy);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.search-form__field:-moz-placeholder,
.search-form__field::-moz-placeholder {
  color: var(--chernyy);
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.search-form__field:-ms-input-placeholder {
  color: var(--chernyy);
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.search-form__field:focus {
  color: var(--chernyy);
}
.search-form__field:focus::-webkit-input-placeholder {
  opacity: 0;
}
.search-form__field:focus:-moz-placeholder,
.search-form__field:focus::-moz-placeholder {
  opacity: 0;
}
.search-form__field:focus:-ms-input-placeholder {
  opacity: 0;
}
.search-form__btn {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
@media (hover: hover) {
  .search-form__btn:hover {
    transform: translateY(-50%) scale(1.1);
  }
}
.search-form__result,
.story-card__desc p {
  margin-top: 10px;
}
.search-form__item {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--seryy-linii);
  transition: color 0.3s ease-in-out;
}
.search-form__item:first-child {
  border-top: 1px solid var(--seryy-linii);
}
.search-form__item-caption {
  width: calc(100% - 30px);
}
.search-form__item-icon,
.select-title__arrow svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease-in-out;
}
@media (hover: hover) {
  .search-form__item:hover {
    color: var(--zelenyy);
  }
  .search-form__item:hover .search-form__item-icon {
    transform: translateX(5px);
  }
}
@media (max-width: 1010px) {
  .search {
    padding-top: 50px;
    z-index: 998;
  }
  .search__body {
    height: 100%;
    overflow: auto;
  }
}
@media (max-width: 710px) {
  .search__body {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: none;
  }
  .search-form__field {
    height: 35px;
    padding: 5px 35px 5px 0;
  }
  .search-form__item {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    align-items: center;
  }
}
.select {
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  padding: 7px 15px;
  background-color: var(--belyy);
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: border-color 0.3s ease-in-out;
}
.select-title {
  display: flex;
  align-items: center;
  gap: 5px;
}
.select-title__count,
.select-title__value {
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.select-title__value {
  font-size: 16px;
  line-height: 125%;
  color: var(--chernyy);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-title__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10px;
  height: 20px;
  padding: 0 5px;
  border-radius: 1000px;
  background-color: var(--chernyy);
  font-size: 14px;
  line-height: 107%;
  color: var(--belyy);
}
.select-title__arrow {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.select-options {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: auto;
  background: var(--fon);
  border-radius: 0;
  padding: 15px;
  z-index: 10;
}
.select-options::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 5px;
  left: 20px;
  top: -5px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0L10 5H0L5 0Z' fill='%23242424'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.select-options__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.select-options__checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.select-options__checkbox-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chernyy);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
input:checked + .select-options__checkbox-text {
  background-color: var(--fon);
  border-color: var(--fon);
  color: var(--belyy);
}
@media (hover: hover) {
  .select-options__checkbox:hover .select-options__checkbox-text {
    border-color: var(--chernyy);
  }
}
.select-options__value {
  font-weight: 400;
  font-size: 14px;
  line-height: 107%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--belyy);
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.3s ease-in-out;
}
.select-options__value.active {
  color: var(--zelenyy);
}
@media (hover: hover) {
  .select-options__value:hover {
    color: var(--zelenyy);
  }
}
.select-options__item {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.select-options__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  border: 1px solid var(--belyy);
  padding: 2px;
  transition: border-color 0.3s ease-in-out;
}
.select-options__icon span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--zelenyy);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.select-options__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 107%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--belyy);
  white-space: nowrap;
}
.select-options__item input:checked ~ .select-options__icon span {
  opacity: 1;
}
@media (max-width: 1010px) {
  .select-options__wrap {
    flex-direction: column;
    min-width: 120px;
  }
}
.special-programs {
  position: relative;
}
.special-programs__body {
  width: 50%;
  border-top: 1px solid var(--seryy-linii);
  border-bottom: 1px solid var(--seryy-linii);
}
.special-programs__top {
  min-height: 190px;
  padding: 20px 20px 40px 40px;
}
.special-programs__img {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
}
.special-programs__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.special-programs .accordeon {
  padding: 10px 40px;
}
.special-programs .accordeon:last-child {
  border-bottom: none;
}
@media (max-width: 1010px) {
  .special-programs {
    padding: 0 20px;
  }
  .special-programs__body {
    width: 100%;
    border-top: none;
    border-bottom: none;
  }
  .special-programs__top {
    min-height: auto;
    padding: 0;
    margin-bottom: 20px;
  }
  .special-programs__img {
    position: relative;
    width: 100%;
    margin-top: 20px;
  }
  .special-programs .accordeon {
    padding: 10px 0;
  }
  .special-programs .accordeon:last-child {
    border-bottom: 1px solid var(--seryy-linii);
  }
}
.story {
  display: flex;
  border: 1px solid var(--seryy-linii);
}
.story__body,
.story__wrap {
  width: 50%;
  padding: 70px 40px 40px;
}
.story__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid var(--seryy-linii);
}
.story__subtitle {
  margin-bottom: 20px;
}
.story__dates {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 60px;
}
.story__dates::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--seryy-linii);
}
.story__date {
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 120%;
  color: var(--seryy-linii);
  padding: 5px 10px;
  background-color: #fff;
  position: relative;
  z-index: 8;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.story__date.active {
  font-size: 45px;
  line-height: 110%;
  color: var(--chernyy);
}
.story__swiper {
  width: 100%;
  overflow: hidden;
}
.story__bottom {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  margin-top: 56px;
}
.story__dates-swiper {
  flex: 1;
  overflow: hidden;
}
.story-card__img {
  margin-bottom: 30px;
}
.story-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.story-card__desc {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--chernyy);
}
@media (max-width: 1359px) {
  .story__body,
  .story__wrap {
    padding: 40px;
  }
  .story__title {
    font-size: 110px;
  }
}
@media (max-width: 1199px) {
  .story__title {
    font-size: 88px;
  }
  .story-card__img {
    height: 240px;
  }
  .story-card__img img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (max-width: 1010px) {
  .story {
    flex-direction: column;
    border: 0;
    padding: 100px 20px 0;
    gap: 20px;
  }
  .story__body,
  .story__wrap {
    width: 100%;
    padding: 0;
  }
  .story__body {
    border: 0;
  }
  .story__dates {
    display: none;
  }
  .story__subtitle {
    margin-bottom: 10px;
  }
  .story__title {
    font-size: 64px;
  }
  .story__bottom {
    align-items: center;
    gap: 0;
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
    padding: 5px 0;
  }
  .story__date-mob {
    display: inline-flex;
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--seryy-linii);
    padding: 0 10px;
    background-color: var(--belyy);
    position: relative;
    z-index: 8;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .story__date-mob.active {
    color: var(--chernyy);
  }
  .story__dates-swiper {
    position: relative;
    height: 31px;
  }
  .story__dates-swiper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--seryy-linii);
  }
  .story__dates-swiper .swiper-slide {
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
  }
  .story__dates-swiper .swiper-slide-active {
    width: calc(100% - 45px);
  }
  .story__dates-swiper .swiper-slide-active .story__date-mob {
    font-size: 28px;
    color: var(--chernyy);
  }
  .story__dates-swiper .swiper-slide-next {
    width: 50px;
  }
  .story .arrow {
    width: 20px;
    height: 20px;
    border: 0;
  }
  .story-card__img {
    height: auto;
    margin-bottom: 20px;
  }
  .story-card__img img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .story-card__desc {
    font-size: 14px;
  }
}
@media (max-width: 760px) {
  .story__title {
    font-size: 28px;
  }
  .story-card__desc {
    font-size: 12px;
  }
}
.telegram {
  height: 100vh;
  position: relative;
  padding-top: 50px;
  padding-bottom: 170px;
}
.telegram__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.telegram__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.telegram__wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.telegram__caption {
  color: var(--belyy);
}
.telegram__bottom {
  max-width: 500px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.telegram__subtitle {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--belyy);
  margin-bottom: 5px;
}
.telegram .wrapper {
  position: relative;
  z-index: 8;
  height: 100%;
}
@media (max-width: 1199px) {
  .telegram {
    height: 800px;
    padding-bottom: 110px;
  }
}
@media (max-width: 1010px) {
  .telegram {
    padding-top: 40px;
    height: 504px;
    padding-bottom: 70px;
  }
  .telegram__bottom {
    max-width: 100%;
  }
  .telegram__subtitle {
    font-size: 12px;
    line-height: 125%;
  }
}
@media (max-width: 760px) {
  .telegram {
    height: 569px;
  }
}
.ofmt__header {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding-bottom: 28px;
}
.ofmt__header-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ofmt__header-right {
  position: absolute;
  top: 100%;
  right: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 10;
}
.ofmt__counter {
  display: flex;
  align-items: baseline;
  font-family: var(--font-family);
  letter-spacing: 0.03em;
  line-height: 1;
}
.ofmt__counter-cur {
  font-size: 36px;
  color: var(--chernyy);
}
.ofmt__counter-sep {
  font-size: 22px;
  color: var(--seryy-linii);
  padding: 0 4px;
}
.ofmt__counter-total {
  font-size: 22px;
  color: var(--seryy-linii);
}
.ofmt__nav-btn {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--seryy-linii);
  background: transparent;
  cursor: pointer;
  color: var(--chernyy);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  padding: 0;
}
.ofmt__nav-btn svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.ofmt__nav-btn:hover {
  background: var(--chernyy);
  color: var(--belyy);
  border-color: var(--chernyy);
}
.ofmt__viewport {
  position: relative;
  overflow: hidden;
  user-select: none;
  height: calc(var(--ofmt-active-h) + var(--ofmt-info-h));
  --ofmt-active-w: 46%;
  --ofmt-near-w: 13.5%;
  --ofmt-active-h: 560px;
  --ofmt-near-h: 300px;
  --ofmt-info-h: 120px;
}
.ofmt__track {
  display: flex;
  align-items: center;
  height: var(--ofmt-active-h);
  cursor: grab;
}
.ofmt__track:active {
  cursor: grabbing;
}
.ofmt__slide {
  position: relative;
  flex: 0 0 auto;
  width: 0%;
  height: var(--ofmt-near-h);
  transition: width 0.45s ease, height 0.45s ease;
}
.ofmt__slide--near {
  width: var(--ofmt-near-w);
  margin: 0 5px;
}
.ofmt__slide--active {
  width: var(--ofmt-active-w);
  height: var(--ofmt-active-h);
  margin: 0 5px;
}
.ofmt__slide .ofmt__info {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.ofmt__slide--active .ofmt__info {
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0.18s;
}
.ofmt__img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
.ofmt__info {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 16px 0 0;
}
.ofmt__name {
  font-family: var(--font-family);
  font-size: 28px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  line-height: 1.1;
}
.ofmt__sub {
  font-family: var(--second-family);
  font-size: 15px;
  color: var(--seryy-2);
  margin-top: 6px;
  line-height: 1.4;
}
.ofmt__mobile-bar {
  display: none;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 0 0;
}
.ofmt__mobile-info {
  flex: 1;
  min-width: 0;
  padding-right: 12px;
}
.ofmt__mobile-name {
  font-family: var(--font-family);
  font-size: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--chernyy);
  line-height: 1.1;
}
.ofmt__mobile-sub {
  font-family: var(--second-family);
  font-size: 13px;
  color: var(--seryy-2);
  margin-top: 4px;
  line-height: 1.4;
}
@media (max-width: 1199px) {
  .ofmt__viewport {
    --ofmt-active-w: 70%;
    --ofmt-near-w: 15%;
    --ofmt-active-h: 440px;
    --ofmt-near-h: 260px;
  }
}
@media (max-width: 767px) {
  .ofmt__viewport {
    --ofmt-active-w: 100%;
    --ofmt-near-w: 0%;
    --ofmt-active-h: 260px;
    --ofmt-near-h: 0px;
    --ofmt-info-h: 0px;
  }
  .ofmt__nav-btn {
    width: 40px;
    height: 40px;
  }
  .ofmt__header-right {
    display: none;
  }
  .ofmt__counter {
    display: none;
  }
  .ofmt__info {
    display: none;
  }
  .ofmt__mobile-bar {
    display: flex;
  }
}
.mainwrap .section--features {
  margin-top: unset;
}
section.section--season-map {
  margin-top: 80px;
}
section.section--season-map .container {
  margin-bottom: 40px;
}
.evts .object-card-top__box {
  padding: 14px 16px 20px;
  align-items: center;
}
.evts .object-card-top__box .object-card-date {
  margin-left: auto;
  flex-shrink: 0;
}
.evts__header {
  padding: 40px 40px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.evts__header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 40px;
  right: 40px;
  height: 1px;
  background: var(--seryy-linii);
}
.evts__tg-link {
  font-family: var(--second-family);
  font-size: 14px;
  color: var(--seryy-2);
  text-decoration: none;
  border-bottom: 1px solid var(--seryy-linii);
  transition: color 0.2s, border-color 0.2s;
}
.evts__tg-link:hover {
  color: var(--zelenyy);
  border-color: var(--zelenyy);
}
.evts__row {
  display: flex;
  align-items: stretch;
}
.evts__row-label {
  flex: 0 0 33%;
  padding: 40px;
  display: flex;
  align-items: flex-start;
}
.evts__month-name {
  font-family: var(--font-family);
  font-size: 35px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--chernyy);
}
.evts__row-cards {
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
}
.evts__row-cards::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 30px;
  height: 1px;
  background: var(--seryy-linii);
}
.evts__card {
  background: var(--belyy);
  display: flex;
  flex-direction: column;
  transition: opacity 0.3s;
  position: relative;
  padding: 10px;
}
.evts__card::after {
  content: '';
  position: absolute;
  right: 0;
  top: 20px;
  bottom: 20px;
  width: 1px;
  background: var(--seryy-linii);
}
.evts__card:nth-child(3n)::after {
  display: none;
}
@media (hover: hover) {
  .evts__card:hover {
    opacity: 0.8;
  }
}
.evts__card-img {
  position: relative;
  width: 100%;
  height: auto;
}
.evts__card-img img {
  width: 100%;
  padding: 10px;
}
.evts__card-img .object-card-top__box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 14px 16px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, transparent 80%);
}
.evts__card-img .object-card-top__box .object-card-top__caption,
.evts__card-img .object-card-top__box .object-card-top__value {
  color: white;
  font-size: 22px;
}
.evts__card-name {
  padding: 14px 16px 20px;
  font-family: var(--font-family);
  font-size: 22px;
  line-height: 1.2;
  color: var(--chernyy);
  flex: 1;
  text-transform: uppercase;
}
.evts__card-empty {
  position: relative;
  background: var(--belyy);
}
.evts__card-empty::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, transparent calc(50% - 1.5px), var(--seryy-linii) 50%, transparent calc(50% + 0.5px));
  margin: 20px 40px 20px 20px;
}
.evts__card-empty::after {
  content: '';
  position: absolute;
  right: 0;
  top: 20px;
  bottom: 20px;
  width: 1px;
  background: var(--seryy-linii);
}
.evts__card-empty:nth-child(3n)::after {
  display: none;
}
@media (max-width: 1200px) {
  .evts__row-label {
    flex: 0 0 180px;
    width: 180px;
    padding: 28px 20px;
  }
  .evts__month-name {
    font-size: 35px;
  }
  .evts__row-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.evts__mobile-header {
  display: none;
}
.evts__month-select-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.evts__month-select {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--chernyy);
  border-radius: 1000px;
  padding: 10px 44px 10px 20px;
  font-family: var(--font-family);
  font-size: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1;
  background: var(--belyy);
  color: var(--chernyy);
  cursor: pointer;
  outline: none;
  min-width: 160px;
}
.evts__month-chevron {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--chernyy);
}
@media (max-width: 767px) {
  .evts__header {
    padding: 24px 20px;
    border-bottom: none;
    padding-bottom: 10px;
  }
  .evts__header .evts__tg-info {
    display: none;
  }
  .evts__mobile-header {
    display: block;
    padding: 16px 20px;
    border-bottom: 1px solid var(--seryy-linii);
    padding-top: 0;
  }
  .evts__row {
    display: none;
  }
  .evts__row.is-active {
    display: block;
  }
  .evts__row-label {
    display: none;
  }
  .evts__row-cards {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 16px 20px;
    gap: 12px;
    scrollbar-width: none;
    width: 100%;
    box-sizing: border-box;
  }
  .evts__row-cards::-webkit-scrollbar {
    display: none;
  }
  .evts__card {
    flex: 0 0 72%;
    min-width: 0;
    scroll-snap-align: start;
    border-right: none !important;
  }
  .evts__card-empty {
    display: none;
  }
  .evts__month-select-wrap {
    display: block;
    width: 100%;
  }
  .evts__month-select {
    width: 100%;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  .life-new .life-new__mob-select {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid var(--chernyy);
    border-radius: 1000px;
    padding: 10px 44px 10px 20px;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1;
    background-color: var(--belyy);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    color: var(--chernyy);
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 16px;
  }
}
.formats__preview-img.formats__preview-img--hidden {
  display: none;
}
.formats__preview-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.formats__preview-video.formats__preview-video--hidden {
  display: none;
}
@media (max-width: 710px) {
  .formats__list.right {
    display: none;
  }
}
.promo-bottom .button {
  background: var(--zelenyy);
  color: var(--belyy);
}
.promo-bottom .button svg > rect {
  fill: var(--belyy);
}
.promo-bottom .button svg * {
  fill: var(--fon);
}
.promo-bottom .button:hover {
  background-color: var(--belyy);
  color: var(--chernyy);
}
.promo-bottom .button:hover span:last-child {
  transform: none;
}
.promo-bottom .button:hover svg > rect {
  fill: var(--fon);
}
.promo-bottom .button:hover svg * {
  fill: var(--belyy);
}
@media (max-width: 767px) {
  .mainwrap .header .link.link_green {
    display: none;
  }
  .mainwrap section {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  section.promo {
    margin-top: 0px;
  }
  section.promo .promo__card {
    padding-top: 120px;
  }
}
.about-benefits__progress {
  display: flex;
  gap: 6px;
  width: 100%;
}
.about-benefits__progress-item {
  flex: 1;
  height: 3px;
  background-color: var(--belyy);
  opacity: 0.3;
  transition: background-color 0.3s, opacity 0.3s;
}
.about-benefits__progress-item.is-active {
  background-color: var(--zelenyy);
  opacity: 1;
}
.about-benefits__bottom {
  flex-wrap: wrap;
  row-gap: 20px;
}
.about-benefits__box {
  width: 100%;
  transition: opacity 0.2s ease;
}
.about-benefits__box.is-changing {
  opacity: 0;
}
.life-new__panel-content .projects-top__title {
  font-size: 35px;
}
.life-new__panel-content .life-new__panel-desc {
  font-family: var(--second-family);
}
.life-new__panel-content .life-new__panel-desc .link.link_green {
  font-family: var(--font-family);
  margin-top: 10px;
}
.footer__wrap {
  position: relative;
  padding-bottom: 60px;
  align-items: stretch;
}
.footer__wrap::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background-color: var(--seryy-2);
  pointer-events: none;
}
.footer__wrap .footer__box {
  display: flex;
  flex-direction: column;
}
.footer__wrap .footer__box:last-child {
  padding-left: 40px;
}
.footer__box .order__info {
  margin-top: auto;
}
.footer__bottom-inner {
  margin-top: auto;
  padding-top: 40px;
}
@media (max-width: 1010px) {
  .footer__wrap::before {
    display: none;
  }
  .footer__wrap .footer__box:last-child {
    padding-left: 0;
  }
  .footer__bottom-inner {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid var(--seryy-2);
  }
}
.footer__logo img {
  width: 70%;
}
.footer__bottom-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .mainwrap section.section--photogallery {
    margin-top: 80px;
  }
  .formats__preview.left .projects-top__title {
    padding: 60px 20px 10px;
  }
  .formats__preview.left .main-info__desc {
    padding-left: 20px;
    padding-right: 20px;
  }
  .formats__preview-video {
    padding-left: 20px;
    padding-right: 20px;
  }
  .projects-top__box {
    border-bottom: unset;
  }
  .formats__mobile-nav {
    border-top: unset;
  }
  .formats__preview-img {
    padding-left: 20px;
    padding-right: 20px;
  }
  .evts__header::after {
    display: none;
  }
  section.section--features {
    margin-top: 80px !important;
  }
  .evts__row-cards::after {
    left: 5%;
    right: -5%;
  }
  .life-new__left {
    padding: 60px 20px;
    padding-bottom: 0;
  }
  .life-new__right {
    padding: 0 20px 25px;
    border-left: unset;
  }
  button.life-new__mob-cat {
    font-size: 16px;
    font-weight: 400;
  }
  .life-new__left .life-new__mob-cat.is-active {
    color: #8da827;
  }
  .life-new__panel-content .life-new__panel-desc .link.link_green {
    width: 100%;
    justify-content: center;
  }
  section#section-video {
    border-bottom: unset;
    border-top: unset;
  }
}
.section--events .object-card-top__caption,
.section--events .object-card-top__value.h5 {
  color: black;
}
@media (max-width: 767px) {
  section.section--season-map {
    margin-top: 80px !important;
  }
  section.section--events {
    margin-top: 80px;
  }
  section#section-video .project-features__body {
    margin-left: 20px;
    margin-right: 20px;
  }
  section#section-video .project-features__body .videos__side-header--mobile {
    padding: unset;
  }
  .mainwrap .header .header__center.active {
    margin: 30px 0px;
  }
  .oft__header.container {
    margin-left: 0;
    margin-right: 0;
    margin-top: 80px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .gallery__wrap .object-card-top__location {
    display: none;
  }
  .gallery__wrap .object-card-top__caption {
    font-size: 12px;
  }
  .gallery__wrap .object-card-top__value {
    font-size: 16px;
  }
  section .container {
    margin-bottom: 0 !important;
  }
  .footer__logo img {
    width: 100%;
  }
  .footer__caption {
    font-size: 16px;
  }
  .footer-menu ul li a,
  .footer__caption {
    font-size: 16px;
  }
  .footer-menu .social {
    gap: 10px;
    margin-top: unset;
    justify-content: normal;
  }
  .footer__bottom-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  .mainwrap .header__logo svg {
    width: 120px !important;
    margin-left: 15px;
  }
  .mainwrap .header__left > * {
    margin: unset !important;
  }
  .section--about .projects-top {
    display: flex;
    flex-direction: column;
  }
  .section--about .projects-top__box {
    display: contents;
  }
  .section--about .projects-top__title {
    order: 1;
    padding: 20px 20px 0;
    margin-right: 0;
    top: 0;
  }
  .section--about .projects-top__row {
    order: 2;
    border-left: none;
    border-bottom: none;
    padding: 12px 20px;
  }
  .section--about .sticky {
    order: 3;
    position: static !important;
    padding: 20px;
  }
  .projects-top {
    border-top: unset;
  }
  .projects-top .link.link_green {
    width: 100%;
    justify-content: center;
  }
  .ready-flats .link_green.link {
    width: 100%;
    justify-content: space-between;
  }
  .mainwrap .header__phone {
    background: none;
  }
}
/* ====== PRELOADER ====== */
.preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: var(--zelenyy);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.preloader__panel {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  z-index: 2;
  will-change: transform;
  transition: transform 0.75s cubic-bezier(0.76, 0, 0.24, 1);
}
.preloader__panel svg {
  display: block;
  width: 100%;
  height: 100%;
}
.preloader__panel--left {
  left: 0;
}
.preloader__panel--right {
  right: 0;
}
.preloader__content {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 50px;
}
.preloader__word {
  font-family: var(--font-family), sans-serif;
  font-size: 44px;
  color: #fff;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: opacity 0.4s ease;
}
.preloader__word--hidden {
  opacity: 0;
}
.preloader__star {
  width: 15.6vw;
  height: 32vh;
  flex-shrink: 0;
  will-change: transform, opacity;
  transform-origin: center center;
  transition: transform 0.55s ease-in, opacity 0.25s 0.3s ease-in;
}
.preloader__star--zoom {
  transform: scale(0.04);
  opacity: 0;
}
@media (max-width: 1023px) {
  .preloader {
    display: none !important;
  }
}
@media (max-width: 1010px) {
  .footer__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
  }
  .footer__coll,
  .footer__coll:first-child {
    border: none;
  }
  .footer__coll-icon {
    display: none;
  }
  .footer__coll-top {
    cursor: default;
  }
  .footer-menu {
    display: block;
  }
}
.header__nav-footer .link_green.mobile {
  display: none;
}
.promo__title.h2 {
  color: white;
}
/*# sourceMappingURL=custom.css.map */
/* End */


/* Start:/local/templates/summer/template_styles.css?1786613283397344*/
/*!
 * Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 20px);
  padding-left: var(--bs-gutter-x, 20px);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 40px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

.g-0, .gx-0 {
  --bs-gutter-x: 0;
}

.g-0, .gy-0 {
  --bs-gutter-y: 0;
}

.g-5, .gx-5 {
  --bs-gutter-x: 5px;
}

.g-5, .gy-5 {
  --bs-gutter-y: 5px;
}

.g-10, .gx-10 {
  --bs-gutter-x: 10px;
}

.g-10, .gy-10 {
  --bs-gutter-y: 10px;
}

.g-15, .gx-15 {
  --bs-gutter-x: 15px;
}

.g-15, .gy-15 {
  --bs-gutter-y: 15px;
}

.g-20, .gx-20 {
  --bs-gutter-x: 20px;
}

.g-20, .gy-20 {
  --bs-gutter-y: 20px;
}

.g-25, .gx-25 {
  --bs-gutter-x: 25px;
}

.g-25, .gy-25 {
  --bs-gutter-y: 25px;
}

.g-30, .gx-30 {
  --bs-gutter-x: 30px;
}

.g-30, .gy-30 {
  --bs-gutter-y: 30px;
}

.g-40, .gx-40 {
  --bs-gutter-x: 40px;
}

.g-40, .gy-40 {
  --bs-gutter-y: 40px;
}

.g-50, .gx-50 {
  --bs-gutter-x: 50px;
}

.g-50, .gy-50 {
  --bs-gutter-y: 50px;
}

.g-60, .gx-60 {
  --bs-gutter-x: 60px;
}

.g-60, .gy-60 {
  --bs-gutter-y: 60px;
}

.g-70, .gx-70 {
  --bs-gutter-x: 70px;
}

.g-70, .gy-70 {
  --bs-gutter-y: 70px;
}

.g-80, .gx-80 {
  --bs-gutter-x: 80px;
}

.g-80, .gy-80 {
  --bs-gutter-y: 80px;
}

.g-90, .gx-90 {
  --bs-gutter-x: 90px;
}

.g-90, .gy-90 {
  --bs-gutter-y: 90px;
}

.g-100, .gx-100 {
  --bs-gutter-x: 100px;
}

.g-100, .gy-100 {
  --bs-gutter-y: 100px;
}

.g-120, .gx-120 {
  --bs-gutter-x: 120px;
}

.g-120, .gy-120 {
  --bs-gutter-y: 120px;
}

.g-130, .gx-130 {
  --bs-gutter-x: 130px;
}

.g-130, .gy-130 {
  --bs-gutter-y: 130px;
}

.g-140, .gx-140 {
  --bs-gutter-x: 140px;
}

.g-140, .gy-140 {
  --bs-gutter-y: 140px;
}

.g-160, .gx-160 {
  --bs-gutter-x: 160px;
}

.g-160, .gy-160 {
  --bs-gutter-y: 160px;
}

.g-180, .gx-180 {
  --bs-gutter-x: 180px;
}

.g-180, .gy-180 {
  --bs-gutter-y: 180px;
}

.g-200, .gx-200 {
  --bs-gutter-x: 200px;
}

.g-200, .gy-200 {
  --bs-gutter-y: 200px;
}

.g-300, .gx-300 {
  --bs-gutter-x: 300px;
}

.g-300, .gy-300 {
  --bs-gutter-y: 300px;
}

.g--5, .gx--5 {
  --bs-gutter-x: -5px;
}

.g--5, .gy--5 {
  --bs-gutter-y: -5px;
}

.g--10, .gx--10 {
  --bs-gutter-x: -10px;
}

.g--10, .gy--10 {
  --bs-gutter-y: -10px;
}

.g--15, .gx--15 {
  --bs-gutter-x: -15px;
}

.g--15, .gy--15 {
  --bs-gutter-y: -15px;
}

.g--20, .gx--20 {
  --bs-gutter-x: -20px;
}

.g--20, .gy--20 {
  --bs-gutter-y: -20px;
}

.g--25, .gx--25 {
  --bs-gutter-x: -25px;
}

.g--25, .gy--25 {
  --bs-gutter-y: -25px;
}

.g--30, .gx--30 {
  --bs-gutter-x: -30px;
}

.g--30, .gy--30 {
  --bs-gutter-y: -30px;
}

.g--40, .gx--40 {
  --bs-gutter-x: -40px;
}

.g--40, .gy--40 {
  --bs-gutter-y: -40px;
}

.g--50, .gx--50 {
  --bs-gutter-x: -50px;
}

.g--50, .gy--50 {
  --bs-gutter-y: -50px;
}

.g--60, .gx--60 {
  --bs-gutter-x: -60px;
}

.g--60, .gy--60 {
  --bs-gutter-y: -60px;
}

.g--70, .gx--70 {
  --bs-gutter-x: -70px;
}

.g--70, .gy--70 {
  --bs-gutter-y: -70px;
}

.g--80, .gx--80 {
  --bs-gutter-x: -80px;
}

.g--80, .gy--80 {
  --bs-gutter-y: -80px;
}

.g--90, .gx--90 {
  --bs-gutter-x: -90px;
}

.g--90, .gy--90 {
  --bs-gutter-y: -90px;
}

.g--100, .gx--100 {
  --bs-gutter-x: -100px;
}

.g--100, .gy--100 {
  --bs-gutter-y: -100px;
}

.g--120, .gx--120 {
  --bs-gutter-x: -120px;
}

.g--120, .gy--120 {
  --bs-gutter-y: -120px;
}

.g--140, .gx--140 {
  --bs-gutter-x: -140px;
}

.g--140, .gy--140 {
  --bs-gutter-y: -140px;
}

.g--160, .gx--160 {
  --bs-gutter-x: -160px;
}

.g--160, .gy--160 {
  --bs-gutter-y: -160px;
}

.g--180, .gx--180 {
  --bs-gutter-x: -180px;
}

.g--180, .gy--180 {
  --bs-gutter-y: -180px;
}

.g--200, .gx--200 {
  --bs-gutter-x: -200px;
}

.g--200, .gy--200 {
  --bs-gutter-y: -200px;
}

.g--300, .gx--300 {
  --bs-gutter-x: -300px;
}

.g--300, .gy--300 {
  --bs-gutter-y: -300px;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 5px;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 5px;
  }
  .g-sm-10, .gx-sm-10 {
    --bs-gutter-x: 10px;
  }
  .g-sm-10, .gy-sm-10 {
    --bs-gutter-y: 10px;
  }
  .g-sm-15, .gx-sm-15 {
    --bs-gutter-x: 15px;
  }
  .g-sm-15, .gy-sm-15 {
    --bs-gutter-y: 15px;
  }
  .g-sm-20, .gx-sm-20 {
    --bs-gutter-x: 20px;
  }
  .g-sm-20, .gy-sm-20 {
    --bs-gutter-y: 20px;
  }
  .g-sm-25, .gx-sm-25 {
    --bs-gutter-x: 25px;
  }
  .g-sm-25, .gy-sm-25 {
    --bs-gutter-y: 25px;
  }
  .g-sm-30, .gx-sm-30 {
    --bs-gutter-x: 30px;
  }
  .g-sm-30, .gy-sm-30 {
    --bs-gutter-y: 30px;
  }
  .g-sm-40, .gx-sm-40 {
    --bs-gutter-x: 40px;
  }
  .g-sm-40, .gy-sm-40 {
    --bs-gutter-y: 40px;
  }
  .g-sm-50, .gx-sm-50 {
    --bs-gutter-x: 50px;
  }
  .g-sm-50, .gy-sm-50 {
    --bs-gutter-y: 50px;
  }
  .g-sm-60, .gx-sm-60 {
    --bs-gutter-x: 60px;
  }
  .g-sm-60, .gy-sm-60 {
    --bs-gutter-y: 60px;
  }
  .g-sm-70, .gx-sm-70 {
    --bs-gutter-x: 70px;
  }
  .g-sm-70, .gy-sm-70 {
    --bs-gutter-y: 70px;
  }
  .g-sm-80, .gx-sm-80 {
    --bs-gutter-x: 80px;
  }
  .g-sm-80, .gy-sm-80 {
    --bs-gutter-y: 80px;
  }
  .g-sm-90, .gx-sm-90 {
    --bs-gutter-x: 90px;
  }
  .g-sm-90, .gy-sm-90 {
    --bs-gutter-y: 90px;
  }
  .g-sm-100, .gx-sm-100 {
    --bs-gutter-x: 100px;
  }
  .g-sm-100, .gy-sm-100 {
    --bs-gutter-y: 100px;
  }
  .g-sm-120, .gx-sm-120 {
    --bs-gutter-x: 120px;
  }
  .g-sm-120, .gy-sm-120 {
    --bs-gutter-y: 120px;
  }
  .g-sm-130, .gx-sm-130 {
    --bs-gutter-x: 130px;
  }
  .g-sm-130, .gy-sm-130 {
    --bs-gutter-y: 130px;
  }
  .g-sm-140, .gx-sm-140 {
    --bs-gutter-x: 140px;
  }
  .g-sm-140, .gy-sm-140 {
    --bs-gutter-y: 140px;
  }
  .g-sm-160, .gx-sm-160 {
    --bs-gutter-x: 160px;
  }
  .g-sm-160, .gy-sm-160 {
    --bs-gutter-y: 160px;
  }
  .g-sm-180, .gx-sm-180 {
    --bs-gutter-x: 180px;
  }
  .g-sm-180, .gy-sm-180 {
    --bs-gutter-y: 180px;
  }
  .g-sm-200, .gx-sm-200 {
    --bs-gutter-x: 200px;
  }
  .g-sm-200, .gy-sm-200 {
    --bs-gutter-y: 200px;
  }
  .g-sm-300, .gx-sm-300 {
    --bs-gutter-x: 300px;
  }
  .g-sm-300, .gy-sm-300 {
    --bs-gutter-y: 300px;
  }
  .g-sm--5, .gx-sm--5 {
    --bs-gutter-x: -5px;
  }
  .g-sm--5, .gy-sm--5 {
    --bs-gutter-y: -5px;
  }
  .g-sm--10, .gx-sm--10 {
    --bs-gutter-x: -10px;
  }
  .g-sm--10, .gy-sm--10 {
    --bs-gutter-y: -10px;
  }
  .g-sm--15, .gx-sm--15 {
    --bs-gutter-x: -15px;
  }
  .g-sm--15, .gy-sm--15 {
    --bs-gutter-y: -15px;
  }
  .g-sm--20, .gx-sm--20 {
    --bs-gutter-x: -20px;
  }
  .g-sm--20, .gy-sm--20 {
    --bs-gutter-y: -20px;
  }
  .g-sm--25, .gx-sm--25 {
    --bs-gutter-x: -25px;
  }
  .g-sm--25, .gy-sm--25 {
    --bs-gutter-y: -25px;
  }
  .g-sm--30, .gx-sm--30 {
    --bs-gutter-x: -30px;
  }
  .g-sm--30, .gy-sm--30 {
    --bs-gutter-y: -30px;
  }
  .g-sm--40, .gx-sm--40 {
    --bs-gutter-x: -40px;
  }
  .g-sm--40, .gy-sm--40 {
    --bs-gutter-y: -40px;
  }
  .g-sm--50, .gx-sm--50 {
    --bs-gutter-x: -50px;
  }
  .g-sm--50, .gy-sm--50 {
    --bs-gutter-y: -50px;
  }
  .g-sm--60, .gx-sm--60 {
    --bs-gutter-x: -60px;
  }
  .g-sm--60, .gy-sm--60 {
    --bs-gutter-y: -60px;
  }
  .g-sm--70, .gx-sm--70 {
    --bs-gutter-x: -70px;
  }
  .g-sm--70, .gy-sm--70 {
    --bs-gutter-y: -70px;
  }
  .g-sm--80, .gx-sm--80 {
    --bs-gutter-x: -80px;
  }
  .g-sm--80, .gy-sm--80 {
    --bs-gutter-y: -80px;
  }
  .g-sm--90, .gx-sm--90 {
    --bs-gutter-x: -90px;
  }
  .g-sm--90, .gy-sm--90 {
    --bs-gutter-y: -90px;
  }
  .g-sm--100, .gx-sm--100 {
    --bs-gutter-x: -100px;
  }
  .g-sm--100, .gy-sm--100 {
    --bs-gutter-y: -100px;
  }
  .g-sm--120, .gx-sm--120 {
    --bs-gutter-x: -120px;
  }
  .g-sm--120, .gy-sm--120 {
    --bs-gutter-y: -120px;
  }
  .g-sm--140, .gx-sm--140 {
    --bs-gutter-x: -140px;
  }
  .g-sm--140, .gy-sm--140 {
    --bs-gutter-y: -140px;
  }
  .g-sm--160, .gx-sm--160 {
    --bs-gutter-x: -160px;
  }
  .g-sm--160, .gy-sm--160 {
    --bs-gutter-y: -160px;
  }
  .g-sm--180, .gx-sm--180 {
    --bs-gutter-x: -180px;
  }
  .g-sm--180, .gy-sm--180 {
    --bs-gutter-y: -180px;
  }
  .g-sm--200, .gx-sm--200 {
    --bs-gutter-x: -200px;
  }
  .g-sm--200, .gy-sm--200 {
    --bs-gutter-y: -200px;
  }
  .g-sm--300, .gx-sm--300 {
    --bs-gutter-x: -300px;
  }
  .g-sm--300, .gy-sm--300 {
    --bs-gutter-y: -300px;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 5px;
  }
  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 5px;
  }
  .g-md-10, .gx-md-10 {
    --bs-gutter-x: 10px;
  }
  .g-md-10, .gy-md-10 {
    --bs-gutter-y: 10px;
  }
  .g-md-15, .gx-md-15 {
    --bs-gutter-x: 15px;
  }
  .g-md-15, .gy-md-15 {
    --bs-gutter-y: 15px;
  }
  .g-md-20, .gx-md-20 {
    --bs-gutter-x: 20px;
  }
  .g-md-20, .gy-md-20 {
    --bs-gutter-y: 20px;
  }
  .g-md-25, .gx-md-25 {
    --bs-gutter-x: 25px;
  }
  .g-md-25, .gy-md-25 {
    --bs-gutter-y: 25px;
  }
  .g-md-30, .gx-md-30 {
    --bs-gutter-x: 30px;
  }
  .g-md-30, .gy-md-30 {
    --bs-gutter-y: 30px;
  }
  .g-md-40, .gx-md-40 {
    --bs-gutter-x: 40px;
  }
  .g-md-40, .gy-md-40 {
    --bs-gutter-y: 40px;
  }
  .g-md-50, .gx-md-50 {
    --bs-gutter-x: 50px;
  }
  .g-md-50, .gy-md-50 {
    --bs-gutter-y: 50px;
  }
  .g-md-60, .gx-md-60 {
    --bs-gutter-x: 60px;
  }
  .g-md-60, .gy-md-60 {
    --bs-gutter-y: 60px;
  }
  .g-md-70, .gx-md-70 {
    --bs-gutter-x: 70px;
  }
  .g-md-70, .gy-md-70 {
    --bs-gutter-y: 70px;
  }
  .g-md-80, .gx-md-80 {
    --bs-gutter-x: 80px;
  }
  .g-md-80, .gy-md-80 {
    --bs-gutter-y: 80px;
  }
  .g-md-90, .gx-md-90 {
    --bs-gutter-x: 90px;
  }
  .g-md-90, .gy-md-90 {
    --bs-gutter-y: 90px;
  }
  .g-md-100, .gx-md-100 {
    --bs-gutter-x: 100px;
  }
  .g-md-100, .gy-md-100 {
    --bs-gutter-y: 100px;
  }
  .g-md-120, .gx-md-120 {
    --bs-gutter-x: 120px;
  }
  .g-md-120, .gy-md-120 {
    --bs-gutter-y: 120px;
  }
  .g-md-130, .gx-md-130 {
    --bs-gutter-x: 130px;
  }
  .g-md-130, .gy-md-130 {
    --bs-gutter-y: 130px;
  }
  .g-md-140, .gx-md-140 {
    --bs-gutter-x: 140px;
  }
  .g-md-140, .gy-md-140 {
    --bs-gutter-y: 140px;
  }
  .g-md-160, .gx-md-160 {
    --bs-gutter-x: 160px;
  }
  .g-md-160, .gy-md-160 {
    --bs-gutter-y: 160px;
  }
  .g-md-180, .gx-md-180 {
    --bs-gutter-x: 180px;
  }
  .g-md-180, .gy-md-180 {
    --bs-gutter-y: 180px;
  }
  .g-md-200, .gx-md-200 {
    --bs-gutter-x: 200px;
  }
  .g-md-200, .gy-md-200 {
    --bs-gutter-y: 200px;
  }
  .g-md-300, .gx-md-300 {
    --bs-gutter-x: 300px;
  }
  .g-md-300, .gy-md-300 {
    --bs-gutter-y: 300px;
  }
  .g-md--5, .gx-md--5 {
    --bs-gutter-x: -5px;
  }
  .g-md--5, .gy-md--5 {
    --bs-gutter-y: -5px;
  }
  .g-md--10, .gx-md--10 {
    --bs-gutter-x: -10px;
  }
  .g-md--10, .gy-md--10 {
    --bs-gutter-y: -10px;
  }
  .g-md--15, .gx-md--15 {
    --bs-gutter-x: -15px;
  }
  .g-md--15, .gy-md--15 {
    --bs-gutter-y: -15px;
  }
  .g-md--20, .gx-md--20 {
    --bs-gutter-x: -20px;
  }
  .g-md--20, .gy-md--20 {
    --bs-gutter-y: -20px;
  }
  .g-md--25, .gx-md--25 {
    --bs-gutter-x: -25px;
  }
  .g-md--25, .gy-md--25 {
    --bs-gutter-y: -25px;
  }
  .g-md--30, .gx-md--30 {
    --bs-gutter-x: -30px;
  }
  .g-md--30, .gy-md--30 {
    --bs-gutter-y: -30px;
  }
  .g-md--40, .gx-md--40 {
    --bs-gutter-x: -40px;
  }
  .g-md--40, .gy-md--40 {
    --bs-gutter-y: -40px;
  }
  .g-md--50, .gx-md--50 {
    --bs-gutter-x: -50px;
  }
  .g-md--50, .gy-md--50 {
    --bs-gutter-y: -50px;
  }
  .g-md--60, .gx-md--60 {
    --bs-gutter-x: -60px;
  }
  .g-md--60, .gy-md--60 {
    --bs-gutter-y: -60px;
  }
  .g-md--70, .gx-md--70 {
    --bs-gutter-x: -70px;
  }
  .g-md--70, .gy-md--70 {
    --bs-gutter-y: -70px;
  }
  .g-md--80, .gx-md--80 {
    --bs-gutter-x: -80px;
  }
  .g-md--80, .gy-md--80 {
    --bs-gutter-y: -80px;
  }
  .g-md--90, .gx-md--90 {
    --bs-gutter-x: -90px;
  }
  .g-md--90, .gy-md--90 {
    --bs-gutter-y: -90px;
  }
  .g-md--100, .gx-md--100 {
    --bs-gutter-x: -100px;
  }
  .g-md--100, .gy-md--100 {
    --bs-gutter-y: -100px;
  }
  .g-md--120, .gx-md--120 {
    --bs-gutter-x: -120px;
  }
  .g-md--120, .gy-md--120 {
    --bs-gutter-y: -120px;
  }
  .g-md--140, .gx-md--140 {
    --bs-gutter-x: -140px;
  }
  .g-md--140, .gy-md--140 {
    --bs-gutter-y: -140px;
  }
  .g-md--160, .gx-md--160 {
    --bs-gutter-x: -160px;
  }
  .g-md--160, .gy-md--160 {
    --bs-gutter-y: -160px;
  }
  .g-md--180, .gx-md--180 {
    --bs-gutter-x: -180px;
  }
  .g-md--180, .gy-md--180 {
    --bs-gutter-y: -180px;
  }
  .g-md--200, .gx-md--200 {
    --bs-gutter-x: -200px;
  }
  .g-md--200, .gy-md--200 {
    --bs-gutter-y: -200px;
  }
  .g-md--300, .gx-md--300 {
    --bs-gutter-x: -300px;
  }
  .g-md--300, .gy-md--300 {
    --bs-gutter-y: -300px;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 5px;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 5px;
  }
  .g-lg-10, .gx-lg-10 {
    --bs-gutter-x: 10px;
  }
  .g-lg-10, .gy-lg-10 {
    --bs-gutter-y: 10px;
  }
  .g-lg-15, .gx-lg-15 {
    --bs-gutter-x: 15px;
  }
  .g-lg-15, .gy-lg-15 {
    --bs-gutter-y: 15px;
  }
  .g-lg-20, .gx-lg-20 {
    --bs-gutter-x: 20px;
  }
  .g-lg-20, .gy-lg-20 {
    --bs-gutter-y: 20px;
  }
  .g-lg-25, .gx-lg-25 {
    --bs-gutter-x: 25px;
  }
  .g-lg-25, .gy-lg-25 {
    --bs-gutter-y: 25px;
  }
  .g-lg-30, .gx-lg-30 {
    --bs-gutter-x: 30px;
  }
  .g-lg-30, .gy-lg-30 {
    --bs-gutter-y: 30px;
  }
  .g-lg-40, .gx-lg-40 {
    --bs-gutter-x: 40px;
  }
  .g-lg-40, .gy-lg-40 {
    --bs-gutter-y: 40px;
  }
  .g-lg-50, .gx-lg-50 {
    --bs-gutter-x: 50px;
  }
  .g-lg-50, .gy-lg-50 {
    --bs-gutter-y: 50px;
  }
  .g-lg-60, .gx-lg-60 {
    --bs-gutter-x: 60px;
  }
  .g-lg-60, .gy-lg-60 {
    --bs-gutter-y: 60px;
  }
  .g-lg-70, .gx-lg-70 {
    --bs-gutter-x: 70px;
  }
  .g-lg-70, .gy-lg-70 {
    --bs-gutter-y: 70px;
  }
  .g-lg-80, .gx-lg-80 {
    --bs-gutter-x: 80px;
  }
  .g-lg-80, .gy-lg-80 {
    --bs-gutter-y: 80px;
  }
  .g-lg-90, .gx-lg-90 {
    --bs-gutter-x: 90px;
  }
  .g-lg-90, .gy-lg-90 {
    --bs-gutter-y: 90px;
  }
  .g-lg-100, .gx-lg-100 {
    --bs-gutter-x: 100px;
  }
  .g-lg-100, .gy-lg-100 {
    --bs-gutter-y: 100px;
  }
  .g-lg-120, .gx-lg-120 {
    --bs-gutter-x: 120px;
  }
  .g-lg-120, .gy-lg-120 {
    --bs-gutter-y: 120px;
  }
  .g-lg-130, .gx-lg-130 {
    --bs-gutter-x: 130px;
  }
  .g-lg-130, .gy-lg-130 {
    --bs-gutter-y: 130px;
  }
  .g-lg-140, .gx-lg-140 {
    --bs-gutter-x: 140px;
  }
  .g-lg-140, .gy-lg-140 {
    --bs-gutter-y: 140px;
  }
  .g-lg-160, .gx-lg-160 {
    --bs-gutter-x: 160px;
  }
  .g-lg-160, .gy-lg-160 {
    --bs-gutter-y: 160px;
  }
  .g-lg-180, .gx-lg-180 {
    --bs-gutter-x: 180px;
  }
  .g-lg-180, .gy-lg-180 {
    --bs-gutter-y: 180px;
  }
  .g-lg-200, .gx-lg-200 {
    --bs-gutter-x: 200px;
  }
  .g-lg-200, .gy-lg-200 {
    --bs-gutter-y: 200px;
  }
  .g-lg-300, .gx-lg-300 {
    --bs-gutter-x: 300px;
  }
  .g-lg-300, .gy-lg-300 {
    --bs-gutter-y: 300px;
  }
  .g-lg--5, .gx-lg--5 {
    --bs-gutter-x: -5px;
  }
  .g-lg--5, .gy-lg--5 {
    --bs-gutter-y: -5px;
  }
  .g-lg--10, .gx-lg--10 {
    --bs-gutter-x: -10px;
  }
  .g-lg--10, .gy-lg--10 {
    --bs-gutter-y: -10px;
  }
  .g-lg--15, .gx-lg--15 {
    --bs-gutter-x: -15px;
  }
  .g-lg--15, .gy-lg--15 {
    --bs-gutter-y: -15px;
  }
  .g-lg--20, .gx-lg--20 {
    --bs-gutter-x: -20px;
  }
  .g-lg--20, .gy-lg--20 {
    --bs-gutter-y: -20px;
  }
  .g-lg--25, .gx-lg--25 {
    --bs-gutter-x: -25px;
  }
  .g-lg--25, .gy-lg--25 {
    --bs-gutter-y: -25px;
  }
  .g-lg--30, .gx-lg--30 {
    --bs-gutter-x: -30px;
  }
  .g-lg--30, .gy-lg--30 {
    --bs-gutter-y: -30px;
  }
  .g-lg--40, .gx-lg--40 {
    --bs-gutter-x: -40px;
  }
  .g-lg--40, .gy-lg--40 {
    --bs-gutter-y: -40px;
  }
  .g-lg--50, .gx-lg--50 {
    --bs-gutter-x: -50px;
  }
  .g-lg--50, .gy-lg--50 {
    --bs-gutter-y: -50px;
  }
  .g-lg--60, .gx-lg--60 {
    --bs-gutter-x: -60px;
  }
  .g-lg--60, .gy-lg--60 {
    --bs-gutter-y: -60px;
  }
  .g-lg--70, .gx-lg--70 {
    --bs-gutter-x: -70px;
  }
  .g-lg--70, .gy-lg--70 {
    --bs-gutter-y: -70px;
  }
  .g-lg--80, .gx-lg--80 {
    --bs-gutter-x: -80px;
  }
  .g-lg--80, .gy-lg--80 {
    --bs-gutter-y: -80px;
  }
  .g-lg--90, .gx-lg--90 {
    --bs-gutter-x: -90px;
  }
  .g-lg--90, .gy-lg--90 {
    --bs-gutter-y: -90px;
  }
  .g-lg--100, .gx-lg--100 {
    --bs-gutter-x: -100px;
  }
  .g-lg--100, .gy-lg--100 {
    --bs-gutter-y: -100px;
  }
  .g-lg--120, .gx-lg--120 {
    --bs-gutter-x: -120px;
  }
  .g-lg--120, .gy-lg--120 {
    --bs-gutter-y: -120px;
  }
  .g-lg--140, .gx-lg--140 {
    --bs-gutter-x: -140px;
  }
  .g-lg--140, .gy-lg--140 {
    --bs-gutter-y: -140px;
  }
  .g-lg--160, .gx-lg--160 {
    --bs-gutter-x: -160px;
  }
  .g-lg--160, .gy-lg--160 {
    --bs-gutter-y: -160px;
  }
  .g-lg--180, .gx-lg--180 {
    --bs-gutter-x: -180px;
  }
  .g-lg--180, .gy-lg--180 {
    --bs-gutter-y: -180px;
  }
  .g-lg--200, .gx-lg--200 {
    --bs-gutter-x: -200px;
  }
  .g-lg--200, .gy-lg--200 {
    --bs-gutter-y: -200px;
  }
  .g-lg--300, .gx-lg--300 {
    --bs-gutter-x: -300px;
  }
  .g-lg--300, .gy-lg--300 {
    --bs-gutter-y: -300px;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 5px;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 5px;
  }
  .g-xl-10, .gx-xl-10 {
    --bs-gutter-x: 10px;
  }
  .g-xl-10, .gy-xl-10 {
    --bs-gutter-y: 10px;
  }
  .g-xl-15, .gx-xl-15 {
    --bs-gutter-x: 15px;
  }
  .g-xl-15, .gy-xl-15 {
    --bs-gutter-y: 15px;
  }
  .g-xl-20, .gx-xl-20 {
    --bs-gutter-x: 20px;
  }
  .g-xl-20, .gy-xl-20 {
    --bs-gutter-y: 20px;
  }
  .g-xl-25, .gx-xl-25 {
    --bs-gutter-x: 25px;
  }
  .g-xl-25, .gy-xl-25 {
    --bs-gutter-y: 25px;
  }
  .g-xl-30, .gx-xl-30 {
    --bs-gutter-x: 30px;
  }
  .g-xl-30, .gy-xl-30 {
    --bs-gutter-y: 30px;
  }
  .g-xl-40, .gx-xl-40 {
    --bs-gutter-x: 40px;
  }
  .g-xl-40, .gy-xl-40 {
    --bs-gutter-y: 40px;
  }
  .g-xl-50, .gx-xl-50 {
    --bs-gutter-x: 50px;
  }
  .g-xl-50, .gy-xl-50 {
    --bs-gutter-y: 50px;
  }
  .g-xl-60, .gx-xl-60 {
    --bs-gutter-x: 60px;
  }
  .g-xl-60, .gy-xl-60 {
    --bs-gutter-y: 60px;
  }
  .g-xl-70, .gx-xl-70 {
    --bs-gutter-x: 70px;
  }
  .g-xl-70, .gy-xl-70 {
    --bs-gutter-y: 70px;
  }
  .g-xl-80, .gx-xl-80 {
    --bs-gutter-x: 80px;
  }
  .g-xl-80, .gy-xl-80 {
    --bs-gutter-y: 80px;
  }
  .g-xl-90, .gx-xl-90 {
    --bs-gutter-x: 90px;
  }
  .g-xl-90, .gy-xl-90 {
    --bs-gutter-y: 90px;
  }
  .g-xl-100, .gx-xl-100 {
    --bs-gutter-x: 100px;
  }
  .g-xl-100, .gy-xl-100 {
    --bs-gutter-y: 100px;
  }
  .g-xl-120, .gx-xl-120 {
    --bs-gutter-x: 120px;
  }
  .g-xl-120, .gy-xl-120 {
    --bs-gutter-y: 120px;
  }
  .g-xl-130, .gx-xl-130 {
    --bs-gutter-x: 130px;
  }
  .g-xl-130, .gy-xl-130 {
    --bs-gutter-y: 130px;
  }
  .g-xl-140, .gx-xl-140 {
    --bs-gutter-x: 140px;
  }
  .g-xl-140, .gy-xl-140 {
    --bs-gutter-y: 140px;
  }
  .g-xl-160, .gx-xl-160 {
    --bs-gutter-x: 160px;
  }
  .g-xl-160, .gy-xl-160 {
    --bs-gutter-y: 160px;
  }
  .g-xl-180, .gx-xl-180 {
    --bs-gutter-x: 180px;
  }
  .g-xl-180, .gy-xl-180 {
    --bs-gutter-y: 180px;
  }
  .g-xl-200, .gx-xl-200 {
    --bs-gutter-x: 200px;
  }
  .g-xl-200, .gy-xl-200 {
    --bs-gutter-y: 200px;
  }
  .g-xl-300, .gx-xl-300 {
    --bs-gutter-x: 300px;
  }
  .g-xl-300, .gy-xl-300 {
    --bs-gutter-y: 300px;
  }
  .g-xl--5, .gx-xl--5 {
    --bs-gutter-x: -5px;
  }
  .g-xl--5, .gy-xl--5 {
    --bs-gutter-y: -5px;
  }
  .g-xl--10, .gx-xl--10 {
    --bs-gutter-x: -10px;
  }
  .g-xl--10, .gy-xl--10 {
    --bs-gutter-y: -10px;
  }
  .g-xl--15, .gx-xl--15 {
    --bs-gutter-x: -15px;
  }
  .g-xl--15, .gy-xl--15 {
    --bs-gutter-y: -15px;
  }
  .g-xl--20, .gx-xl--20 {
    --bs-gutter-x: -20px;
  }
  .g-xl--20, .gy-xl--20 {
    --bs-gutter-y: -20px;
  }
  .g-xl--25, .gx-xl--25 {
    --bs-gutter-x: -25px;
  }
  .g-xl--25, .gy-xl--25 {
    --bs-gutter-y: -25px;
  }
  .g-xl--30, .gx-xl--30 {
    --bs-gutter-x: -30px;
  }
  .g-xl--30, .gy-xl--30 {
    --bs-gutter-y: -30px;
  }
  .g-xl--40, .gx-xl--40 {
    --bs-gutter-x: -40px;
  }
  .g-xl--40, .gy-xl--40 {
    --bs-gutter-y: -40px;
  }
  .g-xl--50, .gx-xl--50 {
    --bs-gutter-x: -50px;
  }
  .g-xl--50, .gy-xl--50 {
    --bs-gutter-y: -50px;
  }
  .g-xl--60, .gx-xl--60 {
    --bs-gutter-x: -60px;
  }
  .g-xl--60, .gy-xl--60 {
    --bs-gutter-y: -60px;
  }
  .g-xl--70, .gx-xl--70 {
    --bs-gutter-x: -70px;
  }
  .g-xl--70, .gy-xl--70 {
    --bs-gutter-y: -70px;
  }
  .g-xl--80, .gx-xl--80 {
    --bs-gutter-x: -80px;
  }
  .g-xl--80, .gy-xl--80 {
    --bs-gutter-y: -80px;
  }
  .g-xl--90, .gx-xl--90 {
    --bs-gutter-x: -90px;
  }
  .g-xl--90, .gy-xl--90 {
    --bs-gutter-y: -90px;
  }
  .g-xl--100, .gx-xl--100 {
    --bs-gutter-x: -100px;
  }
  .g-xl--100, .gy-xl--100 {
    --bs-gutter-y: -100px;
  }
  .g-xl--120, .gx-xl--120 {
    --bs-gutter-x: -120px;
  }
  .g-xl--120, .gy-xl--120 {
    --bs-gutter-y: -120px;
  }
  .g-xl--140, .gx-xl--140 {
    --bs-gutter-x: -140px;
  }
  .g-xl--140, .gy-xl--140 {
    --bs-gutter-y: -140px;
  }
  .g-xl--160, .gx-xl--160 {
    --bs-gutter-x: -160px;
  }
  .g-xl--160, .gy-xl--160 {
    --bs-gutter-y: -160px;
  }
  .g-xl--180, .gx-xl--180 {
    --bs-gutter-x: -180px;
  }
  .g-xl--180, .gy-xl--180 {
    --bs-gutter-y: -180px;
  }
  .g-xl--200, .gx-xl--200 {
    --bs-gutter-x: -200px;
  }
  .g-xl--200, .gy-xl--200 {
    --bs-gutter-y: -200px;
  }
  .g-xl--300, .gx-xl--300 {
    --bs-gutter-x: -300px;
  }
  .g-xl--300, .gy-xl--300 {
    --bs-gutter-y: -300px;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 5px;
  }
  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 5px;
  }
  .g-xxl-10, .gx-xxl-10 {
    --bs-gutter-x: 10px;
  }
  .g-xxl-10, .gy-xxl-10 {
    --bs-gutter-y: 10px;
  }
  .g-xxl-15, .gx-xxl-15 {
    --bs-gutter-x: 15px;
  }
  .g-xxl-15, .gy-xxl-15 {
    --bs-gutter-y: 15px;
  }
  .g-xxl-20, .gx-xxl-20 {
    --bs-gutter-x: 20px;
  }
  .g-xxl-20, .gy-xxl-20 {
    --bs-gutter-y: 20px;
  }
  .g-xxl-25, .gx-xxl-25 {
    --bs-gutter-x: 25px;
  }
  .g-xxl-25, .gy-xxl-25 {
    --bs-gutter-y: 25px;
  }
  .g-xxl-30, .gx-xxl-30 {
    --bs-gutter-x: 30px;
  }
  .g-xxl-30, .gy-xxl-30 {
    --bs-gutter-y: 30px;
  }
  .g-xxl-40, .gx-xxl-40 {
    --bs-gutter-x: 40px;
  }
  .g-xxl-40, .gy-xxl-40 {
    --bs-gutter-y: 40px;
  }
  .g-xxl-50, .gx-xxl-50 {
    --bs-gutter-x: 50px;
  }
  .g-xxl-50, .gy-xxl-50 {
    --bs-gutter-y: 50px;
  }
  .g-xxl-60, .gx-xxl-60 {
    --bs-gutter-x: 60px;
  }
  .g-xxl-60, .gy-xxl-60 {
    --bs-gutter-y: 60px;
  }
  .g-xxl-70, .gx-xxl-70 {
    --bs-gutter-x: 70px;
  }
  .g-xxl-70, .gy-xxl-70 {
    --bs-gutter-y: 70px;
  }
  .g-xxl-80, .gx-xxl-80 {
    --bs-gutter-x: 80px;
  }
  .g-xxl-80, .gy-xxl-80 {
    --bs-gutter-y: 80px;
  }
  .g-xxl-90, .gx-xxl-90 {
    --bs-gutter-x: 90px;
  }
  .g-xxl-90, .gy-xxl-90 {
    --bs-gutter-y: 90px;
  }
  .g-xxl-100, .gx-xxl-100 {
    --bs-gutter-x: 100px;
  }
  .g-xxl-100, .gy-xxl-100 {
    --bs-gutter-y: 100px;
  }
  .g-xxl-120, .gx-xxl-120 {
    --bs-gutter-x: 120px;
  }
  .g-xxl-120, .gy-xxl-120 {
    --bs-gutter-y: 120px;
  }
  .g-xxl-130, .gx-xxl-130 {
    --bs-gutter-x: 130px;
  }
  .g-xxl-130, .gy-xxl-130 {
    --bs-gutter-y: 130px;
  }
  .g-xxl-140, .gx-xxl-140 {
    --bs-gutter-x: 140px;
  }
  .g-xxl-140, .gy-xxl-140 {
    --bs-gutter-y: 140px;
  }
  .g-xxl-160, .gx-xxl-160 {
    --bs-gutter-x: 160px;
  }
  .g-xxl-160, .gy-xxl-160 {
    --bs-gutter-y: 160px;
  }
  .g-xxl-180, .gx-xxl-180 {
    --bs-gutter-x: 180px;
  }
  .g-xxl-180, .gy-xxl-180 {
    --bs-gutter-y: 180px;
  }
  .g-xxl-200, .gx-xxl-200 {
    --bs-gutter-x: 200px;
  }
  .g-xxl-200, .gy-xxl-200 {
    --bs-gutter-y: 200px;
  }
  .g-xxl-300, .gx-xxl-300 {
    --bs-gutter-x: 300px;
  }
  .g-xxl-300, .gy-xxl-300 {
    --bs-gutter-y: 300px;
  }
  .g-xxl--5, .gx-xxl--5 {
    --bs-gutter-x: -5px;
  }
  .g-xxl--5, .gy-xxl--5 {
    --bs-gutter-y: -5px;
  }
  .g-xxl--10, .gx-xxl--10 {
    --bs-gutter-x: -10px;
  }
  .g-xxl--10, .gy-xxl--10 {
    --bs-gutter-y: -10px;
  }
  .g-xxl--15, .gx-xxl--15 {
    --bs-gutter-x: -15px;
  }
  .g-xxl--15, .gy-xxl--15 {
    --bs-gutter-y: -15px;
  }
  .g-xxl--20, .gx-xxl--20 {
    --bs-gutter-x: -20px;
  }
  .g-xxl--20, .gy-xxl--20 {
    --bs-gutter-y: -20px;
  }
  .g-xxl--25, .gx-xxl--25 {
    --bs-gutter-x: -25px;
  }
  .g-xxl--25, .gy-xxl--25 {
    --bs-gutter-y: -25px;
  }
  .g-xxl--30, .gx-xxl--30 {
    --bs-gutter-x: -30px;
  }
  .g-xxl--30, .gy-xxl--30 {
    --bs-gutter-y: -30px;
  }
  .g-xxl--40, .gx-xxl--40 {
    --bs-gutter-x: -40px;
  }
  .g-xxl--40, .gy-xxl--40 {
    --bs-gutter-y: -40px;
  }
  .g-xxl--50, .gx-xxl--50 {
    --bs-gutter-x: -50px;
  }
  .g-xxl--50, .gy-xxl--50 {
    --bs-gutter-y: -50px;
  }
  .g-xxl--60, .gx-xxl--60 {
    --bs-gutter-x: -60px;
  }
  .g-xxl--60, .gy-xxl--60 {
    --bs-gutter-y: -60px;
  }
  .g-xxl--70, .gx-xxl--70 {
    --bs-gutter-x: -70px;
  }
  .g-xxl--70, .gy-xxl--70 {
    --bs-gutter-y: -70px;
  }
  .g-xxl--80, .gx-xxl--80 {
    --bs-gutter-x: -80px;
  }
  .g-xxl--80, .gy-xxl--80 {
    --bs-gutter-y: -80px;
  }
  .g-xxl--90, .gx-xxl--90 {
    --bs-gutter-x: -90px;
  }
  .g-xxl--90, .gy-xxl--90 {
    --bs-gutter-y: -90px;
  }
  .g-xxl--100, .gx-xxl--100 {
    --bs-gutter-x: -100px;
  }
  .g-xxl--100, .gy-xxl--100 {
    --bs-gutter-y: -100px;
  }
  .g-xxl--120, .gx-xxl--120 {
    --bs-gutter-x: -120px;
  }
  .g-xxl--120, .gy-xxl--120 {
    --bs-gutter-y: -120px;
  }
  .g-xxl--140, .gx-xxl--140 {
    --bs-gutter-x: -140px;
  }
  .g-xxl--140, .gy-xxl--140 {
    --bs-gutter-y: -140px;
  }
  .g-xxl--160, .gx-xxl--160 {
    --bs-gutter-x: -160px;
  }
  .g-xxl--160, .gy-xxl--160 {
    --bs-gutter-y: -160px;
  }
  .g-xxl--180, .gx-xxl--180 {
    --bs-gutter-x: -180px;
  }
  .g-xxl--180, .gy-xxl--180 {
    --bs-gutter-y: -180px;
  }
  .g-xxl--200, .gx-xxl--200 {
    --bs-gutter-x: -200px;
  }
  .g-xxl--200, .gy-xxl--200 {
    --bs-gutter-y: -200px;
  }
  .g-xxl--300, .gx-xxl--300 {
    --bs-gutter-x: -300px;
  }
  .g-xxl--300, .gy-xxl--300 {
    --bs-gutter-y: -300px;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-70 {
  margin: 70px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-90 {
  margin: 90px !important;
}

.m-100 {
  margin: 100px !important;
}

.m-120 {
  margin: 120px !important;
}

.m-130 {
  margin: 130px !important;
}

.m-140 {
  margin: 140px !important;
}

.m-160 {
  margin: 160px !important;
}

.m-180 {
  margin: 180px !important;
}

.m-200 {
  margin: 200px !important;
}

.m-300 {
  margin: 300px !important;
}

.m--5 {
  margin: -5px !important;
}

.m--10 {
  margin: -10px !important;
}

.m--15 {
  margin: -15px !important;
}

.m--20 {
  margin: -20px !important;
}

.m--25 {
  margin: -25px !important;
}

.m--30 {
  margin: -30px !important;
}

.m--40 {
  margin: -40px !important;
}

.m--50 {
  margin: -50px !important;
}

.m--60 {
  margin: -60px !important;
}

.m--70 {
  margin: -70px !important;
}

.m--80 {
  margin: -80px !important;
}

.m--90 {
  margin: -90px !important;
}

.m--100 {
  margin: -100px !important;
}

.m--120 {
  margin: -120px !important;
}

.m--140 {
  margin: -140px !important;
}

.m--160 {
  margin: -160px !important;
}

.m--180 {
  margin: -180px !important;
}

.m--200 {
  margin: -200px !important;
}

.m--300 {
  margin: -300px !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.mx-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.mx-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.mx-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.mx-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.mx-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.mx-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.mx-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.mx-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.mx-70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}

.mx-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.mx-90 {
  margin-right: 90px !important;
  margin-left: 90px !important;
}

.mx-100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}

.mx-120 {
  margin-right: 120px !important;
  margin-left: 120px !important;
}

.mx-130 {
  margin-right: 130px !important;
  margin-left: 130px !important;
}

.mx-140 {
  margin-right: 140px !important;
  margin-left: 140px !important;
}

.mx-160 {
  margin-right: 160px !important;
  margin-left: 160px !important;
}

.mx-180 {
  margin-right: 180px !important;
  margin-left: 180px !important;
}

.mx-200 {
  margin-right: 200px !important;
  margin-left: 200px !important;
}

.mx-300 {
  margin-right: 300px !important;
  margin-left: 300px !important;
}

.mx--5 {
  margin-right: -5px !important;
  margin-left: -5px !important;
}

.mx--10 {
  margin-right: -10px !important;
  margin-left: -10px !important;
}

.mx--15 {
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.mx--20 {
  margin-right: -20px !important;
  margin-left: -20px !important;
}

.mx--25 {
  margin-right: -25px !important;
  margin-left: -25px !important;
}

.mx--30 {
  margin-right: -30px !important;
  margin-left: -30px !important;
}

.mx--40 {
  margin-right: -40px !important;
  margin-left: -40px !important;
}

.mx--50 {
  margin-right: -50px !important;
  margin-left: -50px !important;
}

.mx--60 {
  margin-right: -60px !important;
  margin-left: -60px !important;
}

.mx--70 {
  margin-right: -70px !important;
  margin-left: -70px !important;
}

.mx--80 {
  margin-right: -80px !important;
  margin-left: -80px !important;
}

.mx--90 {
  margin-right: -90px !important;
  margin-left: -90px !important;
}

.mx--100 {
  margin-right: -100px !important;
  margin-left: -100px !important;
}

.mx--120 {
  margin-right: -120px !important;
  margin-left: -120px !important;
}

.mx--140 {
  margin-right: -140px !important;
  margin-left: -140px !important;
}

.mx--160 {
  margin-right: -160px !important;
  margin-left: -160px !important;
}

.mx--180 {
  margin-right: -180px !important;
  margin-left: -180px !important;
}

.mx--200 {
  margin-right: -200px !important;
  margin-left: -200px !important;
}

.mx--300 {
  margin-right: -300px !important;
  margin-left: -300px !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.my-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.my-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.my-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.my-130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}

.my-140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}

.my-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.my-180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}

.my-200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}

.my-300 {
  margin-top: 300px !important;
  margin-bottom: 300px !important;
}

.my--5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}

.my--10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

.my--15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}

.my--20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

.my--25 {
  margin-top: -25px !important;
  margin-bottom: -25px !important;
}

.my--30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}

.my--40 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}

.my--50 {
  margin-top: -50px !important;
  margin-bottom: -50px !important;
}

.my--60 {
  margin-top: -60px !important;
  margin-bottom: -60px !important;
}

.my--70 {
  margin-top: -70px !important;
  margin-bottom: -70px !important;
}

.my--80 {
  margin-top: -80px !important;
  margin-bottom: -80px !important;
}

.my--90 {
  margin-top: -90px !important;
  margin-bottom: -90px !important;
}

.my--100 {
  margin-top: -100px !important;
  margin-bottom: -100px !important;
}

.my--120 {
  margin-top: -120px !important;
  margin-bottom: -120px !important;
}

.my--140 {
  margin-top: -140px !important;
  margin-bottom: -140px !important;
}

.my--160 {
  margin-top: -160px !important;
  margin-bottom: -160px !important;
}

.my--180 {
  margin-top: -180px !important;
  margin-bottom: -180px !important;
}

.my--200 {
  margin-top: -200px !important;
  margin-bottom: -200px !important;
}

.my--300 {
  margin-top: -300px !important;
  margin-bottom: -300px !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mt-130 {
  margin-top: 130px !important;
}

.mt-140 {
  margin-top: 140px !important;
}

.mt-160 {
  margin-top: 160px !important;
}

.mt-180 {
  margin-top: 180px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.mt-300 {
  margin-top: 300px !important;
}

.mt--5 {
  margin-top: -5px !important;
}

.mt--10 {
  margin-top: -10px !important;
}

.mt--15 {
  margin-top: -15px !important;
}

.mt--20 {
  margin-top: -20px !important;
}

.mt--25 {
  margin-top: -25px !important;
}

.mt--30 {
  margin-top: -30px !important;
}

.mt--40 {
  margin-top: -40px !important;
}

.mt--50 {
  margin-top: -50px !important;
}

.mt--60 {
  margin-top: -60px !important;
}

.mt--70 {
  margin-top: -70px !important;
}

.mt--80 {
  margin-top: -80px !important;
}

.mt--90 {
  margin-top: -90px !important;
}

.mt--100 {
  margin-top: -100px !important;
}

.mt--120 {
  margin-top: -120px !important;
}

.mt--140 {
  margin-top: -140px !important;
}

.mt--160 {
  margin-top: -160px !important;
}

.mt--180 {
  margin-top: -180px !important;
}

.mt--200 {
  margin-top: -200px !important;
}

.mt--300 {
  margin-top: -300px !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-5 {
  margin-right: 5px !important;
}

.me-10 {
  margin-right: 10px !important;
}

.me-15 {
  margin-right: 15px !important;
}

.me-20 {
  margin-right: 20px !important;
}

.me-25 {
  margin-right: 25px !important;
}

.me-30 {
  margin-right: 30px !important;
}

.me-40 {
  margin-right: 40px !important;
}

.me-50 {
  margin-right: 50px !important;
}

.me-60 {
  margin-right: 60px !important;
}

.me-70 {
  margin-right: 70px !important;
}

.me-80 {
  margin-right: 80px !important;
}

.me-90 {
  margin-right: 90px !important;
}

.me-100 {
  margin-right: 100px !important;
}

.me-120 {
  margin-right: 120px !important;
}

.me-130 {
  margin-right: 130px !important;
}

.me-140 {
  margin-right: 140px !important;
}

.me-160 {
  margin-right: 160px !important;
}

.me-180 {
  margin-right: 180px !important;
}

.me-200 {
  margin-right: 200px !important;
}

.me-300 {
  margin-right: 300px !important;
}

.me--5 {
  margin-right: -5px !important;
}

.me--10 {
  margin-right: -10px !important;
}

.me--15 {
  margin-right: -15px !important;
}

.me--20 {
  margin-right: -20px !important;
}

.me--25 {
  margin-right: -25px !important;
}

.me--30 {
  margin-right: -30px !important;
}

.me--40 {
  margin-right: -40px !important;
}

.me--50 {
  margin-right: -50px !important;
}

.me--60 {
  margin-right: -60px !important;
}

.me--70 {
  margin-right: -70px !important;
}

.me--80 {
  margin-right: -80px !important;
}

.me--90 {
  margin-right: -90px !important;
}

.me--100 {
  margin-right: -100px !important;
}

.me--120 {
  margin-right: -120px !important;
}

.me--140 {
  margin-right: -140px !important;
}

.me--160 {
  margin-right: -160px !important;
}

.me--180 {
  margin-right: -180px !important;
}

.me--200 {
  margin-right: -200px !important;
}

.me--300 {
  margin-right: -300px !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.mb-130 {
  margin-bottom: 130px !important;
}

.mb-140 {
  margin-bottom: 140px !important;
}

.mb-160 {
  margin-bottom: 160px !important;
}

.mb-180 {
  margin-bottom: 180px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.mb-300 {
  margin-bottom: 300px !important;
}

.mb--5 {
  margin-bottom: -5px !important;
}

.mb--10 {
  margin-bottom: -10px !important;
}

.mb--15 {
  margin-bottom: -15px !important;
}

.mb--20 {
  margin-bottom: -20px !important;
}

.mb--25 {
  margin-bottom: -25px !important;
}

.mb--30 {
  margin-bottom: -30px !important;
}

.mb--40 {
  margin-bottom: -40px !important;
}

.mb--50 {
  margin-bottom: -50px !important;
}

.mb--60 {
  margin-bottom: -60px !important;
}

.mb--70 {
  margin-bottom: -70px !important;
}

.mb--80 {
  margin-bottom: -80px !important;
}

.mb--90 {
  margin-bottom: -90px !important;
}

.mb--100 {
  margin-bottom: -100px !important;
}

.mb--120 {
  margin-bottom: -120px !important;
}

.mb--140 {
  margin-bottom: -140px !important;
}

.mb--160 {
  margin-bottom: -160px !important;
}

.mb--180 {
  margin-bottom: -180px !important;
}

.mb--200 {
  margin-bottom: -200px !important;
}

.mb--300 {
  margin-bottom: -300px !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-5 {
  margin-left: 5px !important;
}

.ms-10 {
  margin-left: 10px !important;
}

.ms-15 {
  margin-left: 15px !important;
}

.ms-20 {
  margin-left: 20px !important;
}

.ms-25 {
  margin-left: 25px !important;
}

.ms-30 {
  margin-left: 30px !important;
}

.ms-40 {
  margin-left: 40px !important;
}

.ms-50 {
  margin-left: 50px !important;
}

.ms-60 {
  margin-left: 60px !important;
}

.ms-70 {
  margin-left: 70px !important;
}

.ms-80 {
  margin-left: 80px !important;
}

.ms-90 {
  margin-left: 90px !important;
}

.ms-100 {
  margin-left: 100px !important;
}

.ms-120 {
  margin-left: 120px !important;
}

.ms-130 {
  margin-left: 130px !important;
}

.ms-140 {
  margin-left: 140px !important;
}

.ms-160 {
  margin-left: 160px !important;
}

.ms-180 {
  margin-left: 180px !important;
}

.ms-200 {
  margin-left: 200px !important;
}

.ms-300 {
  margin-left: 300px !important;
}

.ms--5 {
  margin-left: -5px !important;
}

.ms--10 {
  margin-left: -10px !important;
}

.ms--15 {
  margin-left: -15px !important;
}

.ms--20 {
  margin-left: -20px !important;
}

.ms--25 {
  margin-left: -25px !important;
}

.ms--30 {
  margin-left: -30px !important;
}

.ms--40 {
  margin-left: -40px !important;
}

.ms--50 {
  margin-left: -50px !important;
}

.ms--60 {
  margin-left: -60px !important;
}

.ms--70 {
  margin-left: -70px !important;
}

.ms--80 {
  margin-left: -80px !important;
}

.ms--90 {
  margin-left: -90px !important;
}

.ms--100 {
  margin-left: -100px !important;
}

.ms--120 {
  margin-left: -120px !important;
}

.ms--140 {
  margin-left: -140px !important;
}

.ms--160 {
  margin-left: -160px !important;
}

.ms--180 {
  margin-left: -180px !important;
}

.ms--200 {
  margin-left: -200px !important;
}

.ms--300 {
  margin-left: -300px !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-70 {
  padding: 70px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-90 {
  padding: 90px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-120 {
  padding: 120px !important;
}

.p-130 {
  padding: 130px !important;
}

.p-140 {
  padding: 140px !important;
}

.p-160 {
  padding: 160px !important;
}

.p-180 {
  padding: 180px !important;
}

.p-200 {
  padding: 200px !important;
}

.p-300 {
  padding: 300px !important;
}

.p--5 {
  padding: -5px !important;
}

.p--10 {
  padding: -10px !important;
}

.p--15 {
  padding: -15px !important;
}

.p--20 {
  padding: -20px !important;
}

.p--25 {
  padding: -25px !important;
}

.p--30 {
  padding: -30px !important;
}

.p--40 {
  padding: -40px !important;
}

.p--50 {
  padding: -50px !important;
}

.p--60 {
  padding: -60px !important;
}

.p--70 {
  padding: -70px !important;
}

.p--80 {
  padding: -80px !important;
}

.p--90 {
  padding: -90px !important;
}

.p--100 {
  padding: -100px !important;
}

.p--120 {
  padding: -120px !important;
}

.p--140 {
  padding: -140px !important;
}

.p--160 {
  padding: -160px !important;
}

.p--180 {
  padding: -180px !important;
}

.p--200 {
  padding: -200px !important;
}

.p--300 {
  padding: -300px !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.px-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.px-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.px-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.px-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.px-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.px-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.px-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.px-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.px-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}

.px-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.px-90 {
  padding-right: 90px !important;
  padding-left: 90px !important;
}

.px-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}

.px-120 {
  padding-right: 120px !important;
  padding-left: 120px !important;
}

.px-130 {
  padding-right: 130px !important;
  padding-left: 130px !important;
}

.px-140 {
  padding-right: 140px !important;
  padding-left: 140px !important;
}

.px-160 {
  padding-right: 160px !important;
  padding-left: 160px !important;
}

.px-180 {
  padding-right: 180px !important;
  padding-left: 180px !important;
}

.px-200 {
  padding-right: 200px !important;
  padding-left: 200px !important;
}

.px-300 {
  padding-right: 300px !important;
  padding-left: 300px !important;
}

.px--5 {
  padding-right: -5px !important;
  padding-left: -5px !important;
}

.px--10 {
  padding-right: -10px !important;
  padding-left: -10px !important;
}

.px--15 {
  padding-right: -15px !important;
  padding-left: -15px !important;
}

.px--20 {
  padding-right: -20px !important;
  padding-left: -20px !important;
}

.px--25 {
  padding-right: -25px !important;
  padding-left: -25px !important;
}

.px--30 {
  padding-right: -30px !important;
  padding-left: -30px !important;
}

.px--40 {
  padding-right: -40px !important;
  padding-left: -40px !important;
}

.px--50 {
  padding-right: -50px !important;
  padding-left: -50px !important;
}

.px--60 {
  padding-right: -60px !important;
  padding-left: -60px !important;
}

.px--70 {
  padding-right: -70px !important;
  padding-left: -70px !important;
}

.px--80 {
  padding-right: -80px !important;
  padding-left: -80px !important;
}

.px--90 {
  padding-right: -90px !important;
  padding-left: -90px !important;
}

.px--100 {
  padding-right: -100px !important;
  padding-left: -100px !important;
}

.px--120 {
  padding-right: -120px !important;
  padding-left: -120px !important;
}

.px--140 {
  padding-right: -140px !important;
  padding-left: -140px !important;
}

.px--160 {
  padding-right: -160px !important;
  padding-left: -160px !important;
}

.px--180 {
  padding-right: -180px !important;
  padding-left: -180px !important;
}

.px--200 {
  padding-right: -200px !important;
  padding-left: -200px !important;
}

.px--300 {
  padding-right: -300px !important;
  padding-left: -300px !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.py-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.py-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.py-130 {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}

.py-140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.py-160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.py-180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.py-200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.py-300 {
  padding-top: 300px !important;
  padding-bottom: 300px !important;
}

.py--5 {
  padding-top: -5px !important;
  padding-bottom: -5px !important;
}

.py--10 {
  padding-top: -10px !important;
  padding-bottom: -10px !important;
}

.py--15 {
  padding-top: -15px !important;
  padding-bottom: -15px !important;
}

.py--20 {
  padding-top: -20px !important;
  padding-bottom: -20px !important;
}

.py--25 {
  padding-top: -25px !important;
  padding-bottom: -25px !important;
}

.py--30 {
  padding-top: -30px !important;
  padding-bottom: -30px !important;
}

.py--40 {
  padding-top: -40px !important;
  padding-bottom: -40px !important;
}

.py--50 {
  padding-top: -50px !important;
  padding-bottom: -50px !important;
}

.py--60 {
  padding-top: -60px !important;
  padding-bottom: -60px !important;
}

.py--70 {
  padding-top: -70px !important;
  padding-bottom: -70px !important;
}

.py--80 {
  padding-top: -80px !important;
  padding-bottom: -80px !important;
}

.py--90 {
  padding-top: -90px !important;
  padding-bottom: -90px !important;
}

.py--100 {
  padding-top: -100px !important;
  padding-bottom: -100px !important;
}

.py--120 {
  padding-top: -120px !important;
  padding-bottom: -120px !important;
}

.py--140 {
  padding-top: -140px !important;
  padding-bottom: -140px !important;
}

.py--160 {
  padding-top: -160px !important;
  padding-bottom: -160px !important;
}

.py--180 {
  padding-top: -180px !important;
  padding-bottom: -180px !important;
}

.py--200 {
  padding-top: -200px !important;
  padding-bottom: -200px !important;
}

.py--300 {
  padding-top: -300px !important;
  padding-bottom: -300px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pt-130 {
  padding-top: 130px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

.pt-160 {
  padding-top: 160px !important;
}

.pt-180 {
  padding-top: 180px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pt-300 {
  padding-top: 300px !important;
}

.pt--5 {
  padding-top: -5px !important;
}

.pt--10 {
  padding-top: -10px !important;
}

.pt--15 {
  padding-top: -15px !important;
}

.pt--20 {
  padding-top: -20px !important;
}

.pt--25 {
  padding-top: -25px !important;
}

.pt--30 {
  padding-top: -30px !important;
}

.pt--40 {
  padding-top: -40px !important;
}

.pt--50 {
  padding-top: -50px !important;
}

.pt--60 {
  padding-top: -60px !important;
}

.pt--70 {
  padding-top: -70px !important;
}

.pt--80 {
  padding-top: -80px !important;
}

.pt--90 {
  padding-top: -90px !important;
}

.pt--100 {
  padding-top: -100px !important;
}

.pt--120 {
  padding-top: -120px !important;
}

.pt--140 {
  padding-top: -140px !important;
}

.pt--160 {
  padding-top: -160px !important;
}

.pt--180 {
  padding-top: -180px !important;
}

.pt--200 {
  padding-top: -200px !important;
}

.pt--300 {
  padding-top: -300px !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-5 {
  padding-right: 5px !important;
}

.pe-10 {
  padding-right: 10px !important;
}

.pe-15 {
  padding-right: 15px !important;
}

.pe-20 {
  padding-right: 20px !important;
}

.pe-25 {
  padding-right: 25px !important;
}

.pe-30 {
  padding-right: 30px !important;
}

.pe-40 {
  padding-right: 40px !important;
}

.pe-50 {
  padding-right: 50px !important;
}

.pe-60 {
  padding-right: 60px !important;
}

.pe-70 {
  padding-right: 70px !important;
}

.pe-80 {
  padding-right: 80px !important;
}

.pe-90 {
  padding-right: 90px !important;
}

.pe-100 {
  padding-right: 100px !important;
}

.pe-120 {
  padding-right: 120px !important;
}

.pe-130 {
  padding-right: 130px !important;
}

.pe-140 {
  padding-right: 140px !important;
}

.pe-160 {
  padding-right: 160px !important;
}

.pe-180 {
  padding-right: 180px !important;
}

.pe-200 {
  padding-right: 200px !important;
}

.pe-300 {
  padding-right: 300px !important;
}

.pe--5 {
  padding-right: -5px !important;
}

.pe--10 {
  padding-right: -10px !important;
}

.pe--15 {
  padding-right: -15px !important;
}

.pe--20 {
  padding-right: -20px !important;
}

.pe--25 {
  padding-right: -25px !important;
}

.pe--30 {
  padding-right: -30px !important;
}

.pe--40 {
  padding-right: -40px !important;
}

.pe--50 {
  padding-right: -50px !important;
}

.pe--60 {
  padding-right: -60px !important;
}

.pe--70 {
  padding-right: -70px !important;
}

.pe--80 {
  padding-right: -80px !important;
}

.pe--90 {
  padding-right: -90px !important;
}

.pe--100 {
  padding-right: -100px !important;
}

.pe--120 {
  padding-right: -120px !important;
}

.pe--140 {
  padding-right: -140px !important;
}

.pe--160 {
  padding-right: -160px !important;
}

.pe--180 {
  padding-right: -180px !important;
}

.pe--200 {
  padding-right: -200px !important;
}

.pe--300 {
  padding-right: -300px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pb-130 {
  padding-bottom: 130px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

.pb-160 {
  padding-bottom: 160px !important;
}

.pb-180 {
  padding-bottom: 180px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.pb-300 {
  padding-bottom: 300px !important;
}

.pb--5 {
  padding-bottom: -5px !important;
}

.pb--10 {
  padding-bottom: -10px !important;
}

.pb--15 {
  padding-bottom: -15px !important;
}

.pb--20 {
  padding-bottom: -20px !important;
}

.pb--25 {
  padding-bottom: -25px !important;
}

.pb--30 {
  padding-bottom: -30px !important;
}

.pb--40 {
  padding-bottom: -40px !important;
}

.pb--50 {
  padding-bottom: -50px !important;
}

.pb--60 {
  padding-bottom: -60px !important;
}

.pb--70 {
  padding-bottom: -70px !important;
}

.pb--80 {
  padding-bottom: -80px !important;
}

.pb--90 {
  padding-bottom: -90px !important;
}

.pb--100 {
  padding-bottom: -100px !important;
}

.pb--120 {
  padding-bottom: -120px !important;
}

.pb--140 {
  padding-bottom: -140px !important;
}

.pb--160 {
  padding-bottom: -160px !important;
}

.pb--180 {
  padding-bottom: -180px !important;
}

.pb--200 {
  padding-bottom: -200px !important;
}

.pb--300 {
  padding-bottom: -300px !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-5 {
  padding-left: 5px !important;
}

.ps-10 {
  padding-left: 10px !important;
}

.ps-15 {
  padding-left: 15px !important;
}

.ps-20 {
  padding-left: 20px !important;
}

.ps-25 {
  padding-left: 25px !important;
}

.ps-30 {
  padding-left: 30px !important;
}

.ps-40 {
  padding-left: 40px !important;
}

.ps-50 {
  padding-left: 50px !important;
}

.ps-60 {
  padding-left: 60px !important;
}

.ps-70 {
  padding-left: 70px !important;
}

.ps-80 {
  padding-left: 80px !important;
}

.ps-90 {
  padding-left: 90px !important;
}

.ps-100 {
  padding-left: 100px !important;
}

.ps-120 {
  padding-left: 120px !important;
}

.ps-130 {
  padding-left: 130px !important;
}

.ps-140 {
  padding-left: 140px !important;
}

.ps-160 {
  padding-left: 160px !important;
}

.ps-180 {
  padding-left: 180px !important;
}

.ps-200 {
  padding-left: 200px !important;
}

.ps-300 {
  padding-left: 300px !important;
}

.ps--5 {
  padding-left: -5px !important;
}

.ps--10 {
  padding-left: -10px !important;
}

.ps--15 {
  padding-left: -15px !important;
}

.ps--20 {
  padding-left: -20px !important;
}

.ps--25 {
  padding-left: -25px !important;
}

.ps--30 {
  padding-left: -30px !important;
}

.ps--40 {
  padding-left: -40px !important;
}

.ps--50 {
  padding-left: -50px !important;
}

.ps--60 {
  padding-left: -60px !important;
}

.ps--70 {
  padding-left: -70px !important;
}

.ps--80 {
  padding-left: -80px !important;
}

.ps--90 {
  padding-left: -90px !important;
}

.ps--100 {
  padding-left: -100px !important;
}

.ps--120 {
  padding-left: -120px !important;
}

.ps--140 {
  padding-left: -140px !important;
}

.ps--160 {
  padding-left: -160px !important;
}

.ps--180 {
  padding-left: -180px !important;
}

.ps--200 {
  padding-left: -200px !important;
}

.ps--300 {
  padding-left: -300px !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-5 {
    margin: 5px !important;
  }
  .m-sm-10 {
    margin: 10px !important;
  }
  .m-sm-15 {
    margin: 15px !important;
  }
  .m-sm-20 {
    margin: 20px !important;
  }
  .m-sm-25 {
    margin: 25px !important;
  }
  .m-sm-30 {
    margin: 30px !important;
  }
  .m-sm-40 {
    margin: 40px !important;
  }
  .m-sm-50 {
    margin: 50px !important;
  }
  .m-sm-60 {
    margin: 60px !important;
  }
  .m-sm-70 {
    margin: 70px !important;
  }
  .m-sm-80 {
    margin: 80px !important;
  }
  .m-sm-90 {
    margin: 90px !important;
  }
  .m-sm-100 {
    margin: 100px !important;
  }
  .m-sm-120 {
    margin: 120px !important;
  }
  .m-sm-130 {
    margin: 130px !important;
  }
  .m-sm-140 {
    margin: 140px !important;
  }
  .m-sm-160 {
    margin: 160px !important;
  }
  .m-sm-180 {
    margin: 180px !important;
  }
  .m-sm-200 {
    margin: 200px !important;
  }
  .m-sm-300 {
    margin: 300px !important;
  }
  .m-sm--5 {
    margin: -5px !important;
  }
  .m-sm--10 {
    margin: -10px !important;
  }
  .m-sm--15 {
    margin: -15px !important;
  }
  .m-sm--20 {
    margin: -20px !important;
  }
  .m-sm--25 {
    margin: -25px !important;
  }
  .m-sm--30 {
    margin: -30px !important;
  }
  .m-sm--40 {
    margin: -40px !important;
  }
  .m-sm--50 {
    margin: -50px !important;
  }
  .m-sm--60 {
    margin: -60px !important;
  }
  .m-sm--70 {
    margin: -70px !important;
  }
  .m-sm--80 {
    margin: -80px !important;
  }
  .m-sm--90 {
    margin: -90px !important;
  }
  .m-sm--100 {
    margin: -100px !important;
  }
  .m-sm--120 {
    margin: -120px !important;
  }
  .m-sm--140 {
    margin: -140px !important;
  }
  .m-sm--160 {
    margin: -160px !important;
  }
  .m-sm--180 {
    margin: -180px !important;
  }
  .m-sm--200 {
    margin: -200px !important;
  }
  .m-sm--300 {
    margin: -300px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-sm-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-sm-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-sm-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-sm-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-sm-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-sm-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-sm-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-sm-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-sm-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-sm-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-sm-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-sm-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-sm-120 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .mx-sm-130 {
    margin-right: 130px !important;
    margin-left: 130px !important;
  }
  .mx-sm-140 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .mx-sm-160 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .mx-sm-180 {
    margin-right: 180px !important;
    margin-left: 180px !important;
  }
  .mx-sm-200 {
    margin-right: 200px !important;
    margin-left: 200px !important;
  }
  .mx-sm-300 {
    margin-right: 300px !important;
    margin-left: 300px !important;
  }
  .mx-sm--5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  .mx-sm--10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .mx-sm--15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .mx-sm--20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-sm--25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .mx-sm--30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .mx-sm--40 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-sm--50 {
    margin-right: -50px !important;
    margin-left: -50px !important;
  }
  .mx-sm--60 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-sm--70 {
    margin-right: -70px !important;
    margin-left: -70px !important;
  }
  .mx-sm--80 {
    margin-right: -80px !important;
    margin-left: -80px !important;
  }
  .mx-sm--90 {
    margin-right: -90px !important;
    margin-left: -90px !important;
  }
  .mx-sm--100 {
    margin-right: -100px !important;
    margin-left: -100px !important;
  }
  .mx-sm--120 {
    margin-right: -120px !important;
    margin-left: -120px !important;
  }
  .mx-sm--140 {
    margin-right: -140px !important;
    margin-left: -140px !important;
  }
  .mx-sm--160 {
    margin-right: -160px !important;
    margin-left: -160px !important;
  }
  .mx-sm--180 {
    margin-right: -180px !important;
    margin-left: -180px !important;
  }
  .mx-sm--200 {
    margin-right: -200px !important;
    margin-left: -200px !important;
  }
  .mx-sm--300 {
    margin-right: -300px !important;
    margin-left: -300px !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-sm-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-sm-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-sm-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-sm-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-sm-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-sm-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-sm-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-sm-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-sm-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-sm-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-sm-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-sm-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-sm-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .my-sm-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .my-sm-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .my-sm-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .my-sm-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
  .my-sm-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .my-sm-300 {
    margin-top: 300px !important;
    margin-bottom: 300px !important;
  }
  .my-sm--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .my-sm--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .my-sm--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .my-sm--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-sm--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .my-sm--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .my-sm--40 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-sm--50 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }
  .my-sm--60 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-sm--70 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }
  .my-sm--80 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
  .my-sm--90 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }
  .my-sm--100 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }
  .my-sm--120 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }
  .my-sm--140 {
    margin-top: -140px !important;
    margin-bottom: -140px !important;
  }
  .my-sm--160 {
    margin-top: -160px !important;
    margin-bottom: -160px !important;
  }
  .my-sm--180 {
    margin-top: -180px !important;
    margin-bottom: -180px !important;
  }
  .my-sm--200 {
    margin-top: -200px !important;
    margin-bottom: -200px !important;
  }
  .my-sm--300 {
    margin-top: -300px !important;
    margin-bottom: -300px !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-5 {
    margin-top: 5px !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mt-sm-15 {
    margin-top: 15px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mt-sm-25 {
    margin-top: 25px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mt-sm-60 {
    margin-top: 60px !important;
  }
  .mt-sm-70 {
    margin-top: 70px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !important;
  }
  .mt-sm-90 {
    margin-top: 90px !important;
  }
  .mt-sm-100 {
    margin-top: 100px !important;
  }
  .mt-sm-120 {
    margin-top: 120px !important;
  }
  .mt-sm-130 {
    margin-top: 130px !important;
  }
  .mt-sm-140 {
    margin-top: 140px !important;
  }
  .mt-sm-160 {
    margin-top: 160px !important;
  }
  .mt-sm-180 {
    margin-top: 180px !important;
  }
  .mt-sm-200 {
    margin-top: 200px !important;
  }
  .mt-sm-300 {
    margin-top: 300px !important;
  }
  .mt-sm--5 {
    margin-top: -5px !important;
  }
  .mt-sm--10 {
    margin-top: -10px !important;
  }
  .mt-sm--15 {
    margin-top: -15px !important;
  }
  .mt-sm--20 {
    margin-top: -20px !important;
  }
  .mt-sm--25 {
    margin-top: -25px !important;
  }
  .mt-sm--30 {
    margin-top: -30px !important;
  }
  .mt-sm--40 {
    margin-top: -40px !important;
  }
  .mt-sm--50 {
    margin-top: -50px !important;
  }
  .mt-sm--60 {
    margin-top: -60px !important;
  }
  .mt-sm--70 {
    margin-top: -70px !important;
  }
  .mt-sm--80 {
    margin-top: -80px !important;
  }
  .mt-sm--90 {
    margin-top: -90px !important;
  }
  .mt-sm--100 {
    margin-top: -100px !important;
  }
  .mt-sm--120 {
    margin-top: -120px !important;
  }
  .mt-sm--140 {
    margin-top: -140px !important;
  }
  .mt-sm--160 {
    margin-top: -160px !important;
  }
  .mt-sm--180 {
    margin-top: -180px !important;
  }
  .mt-sm--200 {
    margin-top: -200px !important;
  }
  .mt-sm--300 {
    margin-top: -300px !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-5 {
    margin-right: 5px !important;
  }
  .me-sm-10 {
    margin-right: 10px !important;
  }
  .me-sm-15 {
    margin-right: 15px !important;
  }
  .me-sm-20 {
    margin-right: 20px !important;
  }
  .me-sm-25 {
    margin-right: 25px !important;
  }
  .me-sm-30 {
    margin-right: 30px !important;
  }
  .me-sm-40 {
    margin-right: 40px !important;
  }
  .me-sm-50 {
    margin-right: 50px !important;
  }
  .me-sm-60 {
    margin-right: 60px !important;
  }
  .me-sm-70 {
    margin-right: 70px !important;
  }
  .me-sm-80 {
    margin-right: 80px !important;
  }
  .me-sm-90 {
    margin-right: 90px !important;
  }
  .me-sm-100 {
    margin-right: 100px !important;
  }
  .me-sm-120 {
    margin-right: 120px !important;
  }
  .me-sm-130 {
    margin-right: 130px !important;
  }
  .me-sm-140 {
    margin-right: 140px !important;
  }
  .me-sm-160 {
    margin-right: 160px !important;
  }
  .me-sm-180 {
    margin-right: 180px !important;
  }
  .me-sm-200 {
    margin-right: 200px !important;
  }
  .me-sm-300 {
    margin-right: 300px !important;
  }
  .me-sm--5 {
    margin-right: -5px !important;
  }
  .me-sm--10 {
    margin-right: -10px !important;
  }
  .me-sm--15 {
    margin-right: -15px !important;
  }
  .me-sm--20 {
    margin-right: -20px !important;
  }
  .me-sm--25 {
    margin-right: -25px !important;
  }
  .me-sm--30 {
    margin-right: -30px !important;
  }
  .me-sm--40 {
    margin-right: -40px !important;
  }
  .me-sm--50 {
    margin-right: -50px !important;
  }
  .me-sm--60 {
    margin-right: -60px !important;
  }
  .me-sm--70 {
    margin-right: -70px !important;
  }
  .me-sm--80 {
    margin-right: -80px !important;
  }
  .me-sm--90 {
    margin-right: -90px !important;
  }
  .me-sm--100 {
    margin-right: -100px !important;
  }
  .me-sm--120 {
    margin-right: -120px !important;
  }
  .me-sm--140 {
    margin-right: -140px !important;
  }
  .me-sm--160 {
    margin-right: -160px !important;
  }
  .me-sm--180 {
    margin-right: -180px !important;
  }
  .me-sm--200 {
    margin-right: -200px !important;
  }
  .me-sm--300 {
    margin-right: -300px !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-5 {
    margin-bottom: 5px !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .mb-sm-15 {
    margin-bottom: 15px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .mb-sm-25 {
    margin-bottom: 25px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
  .mb-sm-90 {
    margin-bottom: 90px !important;
  }
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
  .mb-sm-120 {
    margin-bottom: 120px !important;
  }
  .mb-sm-130 {
    margin-bottom: 130px !important;
  }
  .mb-sm-140 {
    margin-bottom: 140px !important;
  }
  .mb-sm-160 {
    margin-bottom: 160px !important;
  }
  .mb-sm-180 {
    margin-bottom: 180px !important;
  }
  .mb-sm-200 {
    margin-bottom: 200px !important;
  }
  .mb-sm-300 {
    margin-bottom: 300px !important;
  }
  .mb-sm--5 {
    margin-bottom: -5px !important;
  }
  .mb-sm--10 {
    margin-bottom: -10px !important;
  }
  .mb-sm--15 {
    margin-bottom: -15px !important;
  }
  .mb-sm--20 {
    margin-bottom: -20px !important;
  }
  .mb-sm--25 {
    margin-bottom: -25px !important;
  }
  .mb-sm--30 {
    margin-bottom: -30px !important;
  }
  .mb-sm--40 {
    margin-bottom: -40px !important;
  }
  .mb-sm--50 {
    margin-bottom: -50px !important;
  }
  .mb-sm--60 {
    margin-bottom: -60px !important;
  }
  .mb-sm--70 {
    margin-bottom: -70px !important;
  }
  .mb-sm--80 {
    margin-bottom: -80px !important;
  }
  .mb-sm--90 {
    margin-bottom: -90px !important;
  }
  .mb-sm--100 {
    margin-bottom: -100px !important;
  }
  .mb-sm--120 {
    margin-bottom: -120px !important;
  }
  .mb-sm--140 {
    margin-bottom: -140px !important;
  }
  .mb-sm--160 {
    margin-bottom: -160px !important;
  }
  .mb-sm--180 {
    margin-bottom: -180px !important;
  }
  .mb-sm--200 {
    margin-bottom: -200px !important;
  }
  .mb-sm--300 {
    margin-bottom: -300px !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-5 {
    margin-left: 5px !important;
  }
  .ms-sm-10 {
    margin-left: 10px !important;
  }
  .ms-sm-15 {
    margin-left: 15px !important;
  }
  .ms-sm-20 {
    margin-left: 20px !important;
  }
  .ms-sm-25 {
    margin-left: 25px !important;
  }
  .ms-sm-30 {
    margin-left: 30px !important;
  }
  .ms-sm-40 {
    margin-left: 40px !important;
  }
  .ms-sm-50 {
    margin-left: 50px !important;
  }
  .ms-sm-60 {
    margin-left: 60px !important;
  }
  .ms-sm-70 {
    margin-left: 70px !important;
  }
  .ms-sm-80 {
    margin-left: 80px !important;
  }
  .ms-sm-90 {
    margin-left: 90px !important;
  }
  .ms-sm-100 {
    margin-left: 100px !important;
  }
  .ms-sm-120 {
    margin-left: 120px !important;
  }
  .ms-sm-130 {
    margin-left: 130px !important;
  }
  .ms-sm-140 {
    margin-left: 140px !important;
  }
  .ms-sm-160 {
    margin-left: 160px !important;
  }
  .ms-sm-180 {
    margin-left: 180px !important;
  }
  .ms-sm-200 {
    margin-left: 200px !important;
  }
  .ms-sm-300 {
    margin-left: 300px !important;
  }
  .ms-sm--5 {
    margin-left: -5px !important;
  }
  .ms-sm--10 {
    margin-left: -10px !important;
  }
  .ms-sm--15 {
    margin-left: -15px !important;
  }
  .ms-sm--20 {
    margin-left: -20px !important;
  }
  .ms-sm--25 {
    margin-left: -25px !important;
  }
  .ms-sm--30 {
    margin-left: -30px !important;
  }
  .ms-sm--40 {
    margin-left: -40px !important;
  }
  .ms-sm--50 {
    margin-left: -50px !important;
  }
  .ms-sm--60 {
    margin-left: -60px !important;
  }
  .ms-sm--70 {
    margin-left: -70px !important;
  }
  .ms-sm--80 {
    margin-left: -80px !important;
  }
  .ms-sm--90 {
    margin-left: -90px !important;
  }
  .ms-sm--100 {
    margin-left: -100px !important;
  }
  .ms-sm--120 {
    margin-left: -120px !important;
  }
  .ms-sm--140 {
    margin-left: -140px !important;
  }
  .ms-sm--160 {
    margin-left: -160px !important;
  }
  .ms-sm--180 {
    margin-left: -180px !important;
  }
  .ms-sm--200 {
    margin-left: -200px !important;
  }
  .ms-sm--300 {
    margin-left: -300px !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-5 {
    padding: 5px !important;
  }
  .p-sm-10 {
    padding: 10px !important;
  }
  .p-sm-15 {
    padding: 15px !important;
  }
  .p-sm-20 {
    padding: 20px !important;
  }
  .p-sm-25 {
    padding: 25px !important;
  }
  .p-sm-30 {
    padding: 30px !important;
  }
  .p-sm-40 {
    padding: 40px !important;
  }
  .p-sm-50 {
    padding: 50px !important;
  }
  .p-sm-60 {
    padding: 60px !important;
  }
  .p-sm-70 {
    padding: 70px !important;
  }
  .p-sm-80 {
    padding: 80px !important;
  }
  .p-sm-90 {
    padding: 90px !important;
  }
  .p-sm-100 {
    padding: 100px !important;
  }
  .p-sm-120 {
    padding: 120px !important;
  }
  .p-sm-130 {
    padding: 130px !important;
  }
  .p-sm-140 {
    padding: 140px !important;
  }
  .p-sm-160 {
    padding: 160px !important;
  }
  .p-sm-180 {
    padding: 180px !important;
  }
  .p-sm-200 {
    padding: 200px !important;
  }
  .p-sm-300 {
    padding: 300px !important;
  }
  .p-sm--5 {
    padding: -5px !important;
  }
  .p-sm--10 {
    padding: -10px !important;
  }
  .p-sm--15 {
    padding: -15px !important;
  }
  .p-sm--20 {
    padding: -20px !important;
  }
  .p-sm--25 {
    padding: -25px !important;
  }
  .p-sm--30 {
    padding: -30px !important;
  }
  .p-sm--40 {
    padding: -40px !important;
  }
  .p-sm--50 {
    padding: -50px !important;
  }
  .p-sm--60 {
    padding: -60px !important;
  }
  .p-sm--70 {
    padding: -70px !important;
  }
  .p-sm--80 {
    padding: -80px !important;
  }
  .p-sm--90 {
    padding: -90px !important;
  }
  .p-sm--100 {
    padding: -100px !important;
  }
  .p-sm--120 {
    padding: -120px !important;
  }
  .p-sm--140 {
    padding: -140px !important;
  }
  .p-sm--160 {
    padding: -160px !important;
  }
  .p-sm--180 {
    padding: -180px !important;
  }
  .p-sm--200 {
    padding: -200px !important;
  }
  .p-sm--300 {
    padding: -300px !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-sm-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-sm-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-sm-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-sm-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-sm-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-sm-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-sm-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-sm-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-sm-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-sm-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-sm-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-sm-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .px-sm-120 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .px-sm-130 {
    padding-right: 130px !important;
    padding-left: 130px !important;
  }
  .px-sm-140 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .px-sm-160 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .px-sm-180 {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .px-sm-200 {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
  .px-sm-300 {
    padding-right: 300px !important;
    padding-left: 300px !important;
  }
  .px-sm--5 {
    padding-right: -5px !important;
    padding-left: -5px !important;
  }
  .px-sm--10 {
    padding-right: -10px !important;
    padding-left: -10px !important;
  }
  .px-sm--15 {
    padding-right: -15px !important;
    padding-left: -15px !important;
  }
  .px-sm--20 {
    padding-right: -20px !important;
    padding-left: -20px !important;
  }
  .px-sm--25 {
    padding-right: -25px !important;
    padding-left: -25px !important;
  }
  .px-sm--30 {
    padding-right: -30px !important;
    padding-left: -30px !important;
  }
  .px-sm--40 {
    padding-right: -40px !important;
    padding-left: -40px !important;
  }
  .px-sm--50 {
    padding-right: -50px !important;
    padding-left: -50px !important;
  }
  .px-sm--60 {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .px-sm--70 {
    padding-right: -70px !important;
    padding-left: -70px !important;
  }
  .px-sm--80 {
    padding-right: -80px !important;
    padding-left: -80px !important;
  }
  .px-sm--90 {
    padding-right: -90px !important;
    padding-left: -90px !important;
  }
  .px-sm--100 {
    padding-right: -100px !important;
    padding-left: -100px !important;
  }
  .px-sm--120 {
    padding-right: -120px !important;
    padding-left: -120px !important;
  }
  .px-sm--140 {
    padding-right: -140px !important;
    padding-left: -140px !important;
  }
  .px-sm--160 {
    padding-right: -160px !important;
    padding-left: -160px !important;
  }
  .px-sm--180 {
    padding-right: -180px !important;
    padding-left: -180px !important;
  }
  .px-sm--200 {
    padding-right: -200px !important;
    padding-left: -200px !important;
  }
  .px-sm--300 {
    padding-right: -300px !important;
    padding-left: -300px !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-sm-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-sm-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-sm-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-sm-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-sm-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-sm-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-sm-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-sm-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-sm-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-sm-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-sm-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-sm-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .py-sm-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .py-sm-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .py-sm-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .py-sm-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .py-sm-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .py-sm-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .py-sm-300 {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .py-sm--5 {
    padding-top: -5px !important;
    padding-bottom: -5px !important;
  }
  .py-sm--10 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }
  .py-sm--15 {
    padding-top: -15px !important;
    padding-bottom: -15px !important;
  }
  .py-sm--20 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }
  .py-sm--25 {
    padding-top: -25px !important;
    padding-bottom: -25px !important;
  }
  .py-sm--30 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }
  .py-sm--40 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }
  .py-sm--50 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }
  .py-sm--60 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .py-sm--70 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }
  .py-sm--80 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }
  .py-sm--90 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }
  .py-sm--100 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }
  .py-sm--120 {
    padding-top: -120px !important;
    padding-bottom: -120px !important;
  }
  .py-sm--140 {
    padding-top: -140px !important;
    padding-bottom: -140px !important;
  }
  .py-sm--160 {
    padding-top: -160px !important;
    padding-bottom: -160px !important;
  }
  .py-sm--180 {
    padding-top: -180px !important;
    padding-bottom: -180px !important;
  }
  .py-sm--200 {
    padding-top: -200px !important;
    padding-bottom: -200px !important;
  }
  .py-sm--300 {
    padding-top: -300px !important;
    padding-bottom: -300px !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-5 {
    padding-top: 5px !important;
  }
  .pt-sm-10 {
    padding-top: 10px !important;
  }
  .pt-sm-15 {
    padding-top: 15px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pt-sm-25 {
    padding-top: 25px !important;
  }
  .pt-sm-30 {
    padding-top: 30px !important;
  }
  .pt-sm-40 {
    padding-top: 40px !important;
  }
  .pt-sm-50 {
    padding-top: 50px !important;
  }
  .pt-sm-60 {
    padding-top: 60px !important;
  }
  .pt-sm-70 {
    padding-top: 70px !important;
  }
  .pt-sm-80 {
    padding-top: 80px !important;
  }
  .pt-sm-90 {
    padding-top: 90px !important;
  }
  .pt-sm-100 {
    padding-top: 100px !important;
  }
  .pt-sm-120 {
    padding-top: 120px !important;
  }
  .pt-sm-130 {
    padding-top: 130px !important;
  }
  .pt-sm-140 {
    padding-top: 140px !important;
  }
  .pt-sm-160 {
    padding-top: 160px !important;
  }
  .pt-sm-180 {
    padding-top: 180px !important;
  }
  .pt-sm-200 {
    padding-top: 200px !important;
  }
  .pt-sm-300 {
    padding-top: 300px !important;
  }
  .pt-sm--5 {
    padding-top: -5px !important;
  }
  .pt-sm--10 {
    padding-top: -10px !important;
  }
  .pt-sm--15 {
    padding-top: -15px !important;
  }
  .pt-sm--20 {
    padding-top: -20px !important;
  }
  .pt-sm--25 {
    padding-top: -25px !important;
  }
  .pt-sm--30 {
    padding-top: -30px !important;
  }
  .pt-sm--40 {
    padding-top: -40px !important;
  }
  .pt-sm--50 {
    padding-top: -50px !important;
  }
  .pt-sm--60 {
    padding-top: -60px !important;
  }
  .pt-sm--70 {
    padding-top: -70px !important;
  }
  .pt-sm--80 {
    padding-top: -80px !important;
  }
  .pt-sm--90 {
    padding-top: -90px !important;
  }
  .pt-sm--100 {
    padding-top: -100px !important;
  }
  .pt-sm--120 {
    padding-top: -120px !important;
  }
  .pt-sm--140 {
    padding-top: -140px !important;
  }
  .pt-sm--160 {
    padding-top: -160px !important;
  }
  .pt-sm--180 {
    padding-top: -180px !important;
  }
  .pt-sm--200 {
    padding-top: -200px !important;
  }
  .pt-sm--300 {
    padding-top: -300px !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-5 {
    padding-right: 5px !important;
  }
  .pe-sm-10 {
    padding-right: 10px !important;
  }
  .pe-sm-15 {
    padding-right: 15px !important;
  }
  .pe-sm-20 {
    padding-right: 20px !important;
  }
  .pe-sm-25 {
    padding-right: 25px !important;
  }
  .pe-sm-30 {
    padding-right: 30px !important;
  }
  .pe-sm-40 {
    padding-right: 40px !important;
  }
  .pe-sm-50 {
    padding-right: 50px !important;
  }
  .pe-sm-60 {
    padding-right: 60px !important;
  }
  .pe-sm-70 {
    padding-right: 70px !important;
  }
  .pe-sm-80 {
    padding-right: 80px !important;
  }
  .pe-sm-90 {
    padding-right: 90px !important;
  }
  .pe-sm-100 {
    padding-right: 100px !important;
  }
  .pe-sm-120 {
    padding-right: 120px !important;
  }
  .pe-sm-130 {
    padding-right: 130px !important;
  }
  .pe-sm-140 {
    padding-right: 140px !important;
  }
  .pe-sm-160 {
    padding-right: 160px !important;
  }
  .pe-sm-180 {
    padding-right: 180px !important;
  }
  .pe-sm-200 {
    padding-right: 200px !important;
  }
  .pe-sm-300 {
    padding-right: 300px !important;
  }
  .pe-sm--5 {
    padding-right: -5px !important;
  }
  .pe-sm--10 {
    padding-right: -10px !important;
  }
  .pe-sm--15 {
    padding-right: -15px !important;
  }
  .pe-sm--20 {
    padding-right: -20px !important;
  }
  .pe-sm--25 {
    padding-right: -25px !important;
  }
  .pe-sm--30 {
    padding-right: -30px !important;
  }
  .pe-sm--40 {
    padding-right: -40px !important;
  }
  .pe-sm--50 {
    padding-right: -50px !important;
  }
  .pe-sm--60 {
    padding-right: -60px !important;
  }
  .pe-sm--70 {
    padding-right: -70px !important;
  }
  .pe-sm--80 {
    padding-right: -80px !important;
  }
  .pe-sm--90 {
    padding-right: -90px !important;
  }
  .pe-sm--100 {
    padding-right: -100px !important;
  }
  .pe-sm--120 {
    padding-right: -120px !important;
  }
  .pe-sm--140 {
    padding-right: -140px !important;
  }
  .pe-sm--160 {
    padding-right: -160px !important;
  }
  .pe-sm--180 {
    padding-right: -180px !important;
  }
  .pe-sm--200 {
    padding-right: -200px !important;
  }
  .pe-sm--300 {
    padding-right: -300px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-5 {
    padding-bottom: 5px !important;
  }
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .pb-sm-15 {
    padding-bottom: 15px !important;
  }
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .pb-sm-25 {
    padding-bottom: 25px !important;
  }
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }
  .pb-sm-70 {
    padding-bottom: 70px !important;
  }
  .pb-sm-80 {
    padding-bottom: 80px !important;
  }
  .pb-sm-90 {
    padding-bottom: 90px !important;
  }
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
  .pb-sm-120 {
    padding-bottom: 120px !important;
  }
  .pb-sm-130 {
    padding-bottom: 130px !important;
  }
  .pb-sm-140 {
    padding-bottom: 140px !important;
  }
  .pb-sm-160 {
    padding-bottom: 160px !important;
  }
  .pb-sm-180 {
    padding-bottom: 180px !important;
  }
  .pb-sm-200 {
    padding-bottom: 200px !important;
  }
  .pb-sm-300 {
    padding-bottom: 300px !important;
  }
  .pb-sm--5 {
    padding-bottom: -5px !important;
  }
  .pb-sm--10 {
    padding-bottom: -10px !important;
  }
  .pb-sm--15 {
    padding-bottom: -15px !important;
  }
  .pb-sm--20 {
    padding-bottom: -20px !important;
  }
  .pb-sm--25 {
    padding-bottom: -25px !important;
  }
  .pb-sm--30 {
    padding-bottom: -30px !important;
  }
  .pb-sm--40 {
    padding-bottom: -40px !important;
  }
  .pb-sm--50 {
    padding-bottom: -50px !important;
  }
  .pb-sm--60 {
    padding-bottom: -60px !important;
  }
  .pb-sm--70 {
    padding-bottom: -70px !important;
  }
  .pb-sm--80 {
    padding-bottom: -80px !important;
  }
  .pb-sm--90 {
    padding-bottom: -90px !important;
  }
  .pb-sm--100 {
    padding-bottom: -100px !important;
  }
  .pb-sm--120 {
    padding-bottom: -120px !important;
  }
  .pb-sm--140 {
    padding-bottom: -140px !important;
  }
  .pb-sm--160 {
    padding-bottom: -160px !important;
  }
  .pb-sm--180 {
    padding-bottom: -180px !important;
  }
  .pb-sm--200 {
    padding-bottom: -200px !important;
  }
  .pb-sm--300 {
    padding-bottom: -300px !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-5 {
    padding-left: 5px !important;
  }
  .ps-sm-10 {
    padding-left: 10px !important;
  }
  .ps-sm-15 {
    padding-left: 15px !important;
  }
  .ps-sm-20 {
    padding-left: 20px !important;
  }
  .ps-sm-25 {
    padding-left: 25px !important;
  }
  .ps-sm-30 {
    padding-left: 30px !important;
  }
  .ps-sm-40 {
    padding-left: 40px !important;
  }
  .ps-sm-50 {
    padding-left: 50px !important;
  }
  .ps-sm-60 {
    padding-left: 60px !important;
  }
  .ps-sm-70 {
    padding-left: 70px !important;
  }
  .ps-sm-80 {
    padding-left: 80px !important;
  }
  .ps-sm-90 {
    padding-left: 90px !important;
  }
  .ps-sm-100 {
    padding-left: 100px !important;
  }
  .ps-sm-120 {
    padding-left: 120px !important;
  }
  .ps-sm-130 {
    padding-left: 130px !important;
  }
  .ps-sm-140 {
    padding-left: 140px !important;
  }
  .ps-sm-160 {
    padding-left: 160px !important;
  }
  .ps-sm-180 {
    padding-left: 180px !important;
  }
  .ps-sm-200 {
    padding-left: 200px !important;
  }
  .ps-sm-300 {
    padding-left: 300px !important;
  }
  .ps-sm--5 {
    padding-left: -5px !important;
  }
  .ps-sm--10 {
    padding-left: -10px !important;
  }
  .ps-sm--15 {
    padding-left: -15px !important;
  }
  .ps-sm--20 {
    padding-left: -20px !important;
  }
  .ps-sm--25 {
    padding-left: -25px !important;
  }
  .ps-sm--30 {
    padding-left: -30px !important;
  }
  .ps-sm--40 {
    padding-left: -40px !important;
  }
  .ps-sm--50 {
    padding-left: -50px !important;
  }
  .ps-sm--60 {
    padding-left: -60px !important;
  }
  .ps-sm--70 {
    padding-left: -70px !important;
  }
  .ps-sm--80 {
    padding-left: -80px !important;
  }
  .ps-sm--90 {
    padding-left: -90px !important;
  }
  .ps-sm--100 {
    padding-left: -100px !important;
  }
  .ps-sm--120 {
    padding-left: -120px !important;
  }
  .ps-sm--140 {
    padding-left: -140px !important;
  }
  .ps-sm--160 {
    padding-left: -160px !important;
  }
  .ps-sm--180 {
    padding-left: -180px !important;
  }
  .ps-sm--200 {
    padding-left: -200px !important;
  }
  .ps-sm--300 {
    padding-left: -300px !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-5 {
    margin: 5px !important;
  }
  .m-md-10 {
    margin: 10px !important;
  }
  .m-md-15 {
    margin: 15px !important;
  }
  .m-md-20 {
    margin: 20px !important;
  }
  .m-md-25 {
    margin: 25px !important;
  }
  .m-md-30 {
    margin: 30px !important;
  }
  .m-md-40 {
    margin: 40px !important;
  }
  .m-md-50 {
    margin: 50px !important;
  }
  .m-md-60 {
    margin: 60px !important;
  }
  .m-md-70 {
    margin: 70px !important;
  }
  .m-md-80 {
    margin: 80px !important;
  }
  .m-md-90 {
    margin: 90px !important;
  }
  .m-md-100 {
    margin: 100px !important;
  }
  .m-md-120 {
    margin: 120px !important;
  }
  .m-md-130 {
    margin: 130px !important;
  }
  .m-md-140 {
    margin: 140px !important;
  }
  .m-md-160 {
    margin: 160px !important;
  }
  .m-md-180 {
    margin: 180px !important;
  }
  .m-md-200 {
    margin: 200px !important;
  }
  .m-md-300 {
    margin: 300px !important;
  }
  .m-md--5 {
    margin: -5px !important;
  }
  .m-md--10 {
    margin: -10px !important;
  }
  .m-md--15 {
    margin: -15px !important;
  }
  .m-md--20 {
    margin: -20px !important;
  }
  .m-md--25 {
    margin: -25px !important;
  }
  .m-md--30 {
    margin: -30px !important;
  }
  .m-md--40 {
    margin: -40px !important;
  }
  .m-md--50 {
    margin: -50px !important;
  }
  .m-md--60 {
    margin: -60px !important;
  }
  .m-md--70 {
    margin: -70px !important;
  }
  .m-md--80 {
    margin: -80px !important;
  }
  .m-md--90 {
    margin: -90px !important;
  }
  .m-md--100 {
    margin: -100px !important;
  }
  .m-md--120 {
    margin: -120px !important;
  }
  .m-md--140 {
    margin: -140px !important;
  }
  .m-md--160 {
    margin: -160px !important;
  }
  .m-md--180 {
    margin: -180px !important;
  }
  .m-md--200 {
    margin: -200px !important;
  }
  .m-md--300 {
    margin: -300px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-md-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-md-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-md-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-md-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-md-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-md-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-md-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-md-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-md-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-md-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-md-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-md-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-md-120 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .mx-md-130 {
    margin-right: 130px !important;
    margin-left: 130px !important;
  }
  .mx-md-140 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .mx-md-160 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .mx-md-180 {
    margin-right: 180px !important;
    margin-left: 180px !important;
  }
  .mx-md-200 {
    margin-right: 200px !important;
    margin-left: 200px !important;
  }
  .mx-md-300 {
    margin-right: 300px !important;
    margin-left: 300px !important;
  }
  .mx-md--5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  .mx-md--10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .mx-md--15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .mx-md--20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-md--25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .mx-md--30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .mx-md--40 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-md--50 {
    margin-right: -50px !important;
    margin-left: -50px !important;
  }
  .mx-md--60 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-md--70 {
    margin-right: -70px !important;
    margin-left: -70px !important;
  }
  .mx-md--80 {
    margin-right: -80px !important;
    margin-left: -80px !important;
  }
  .mx-md--90 {
    margin-right: -90px !important;
    margin-left: -90px !important;
  }
  .mx-md--100 {
    margin-right: -100px !important;
    margin-left: -100px !important;
  }
  .mx-md--120 {
    margin-right: -120px !important;
    margin-left: -120px !important;
  }
  .mx-md--140 {
    margin-right: -140px !important;
    margin-left: -140px !important;
  }
  .mx-md--160 {
    margin-right: -160px !important;
    margin-left: -160px !important;
  }
  .mx-md--180 {
    margin-right: -180px !important;
    margin-left: -180px !important;
  }
  .mx-md--200 {
    margin-right: -200px !important;
    margin-left: -200px !important;
  }
  .mx-md--300 {
    margin-right: -300px !important;
    margin-left: -300px !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-md-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-md-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-md-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-md-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-md-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-md-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-md-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-md-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-md-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-md-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-md-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-md-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-md-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .my-md-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .my-md-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .my-md-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .my-md-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
  .my-md-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .my-md-300 {
    margin-top: 300px !important;
    margin-bottom: 300px !important;
  }
  .my-md--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .my-md--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .my-md--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .my-md--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-md--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .my-md--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .my-md--40 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-md--50 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }
  .my-md--60 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-md--70 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }
  .my-md--80 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
  .my-md--90 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }
  .my-md--100 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }
  .my-md--120 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }
  .my-md--140 {
    margin-top: -140px !important;
    margin-bottom: -140px !important;
  }
  .my-md--160 {
    margin-top: -160px !important;
    margin-bottom: -160px !important;
  }
  .my-md--180 {
    margin-top: -180px !important;
    margin-bottom: -180px !important;
  }
  .my-md--200 {
    margin-top: -200px !important;
    margin-bottom: -200px !important;
  }
  .my-md--300 {
    margin-top: -300px !important;
    margin-bottom: -300px !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-5 {
    margin-top: 5px !important;
  }
  .mt-md-10 {
    margin-top: 10px !important;
  }
  .mt-md-15 {
    margin-top: 15px !important;
  }
  .mt-md-20 {
    margin-top: 20px !important;
  }
  .mt-md-25 {
    margin-top: 25px !important;
  }
  .mt-md-30 {
    margin-top: 30px !important;
  }
  .mt-md-40 {
    margin-top: 40px !important;
  }
  .mt-md-50 {
    margin-top: 50px !important;
  }
  .mt-md-60 {
    margin-top: 60px !important;
  }
  .mt-md-70 {
    margin-top: 70px !important;
  }
  .mt-md-80 {
    margin-top: 80px !important;
  }
  .mt-md-90 {
    margin-top: 90px !important;
  }
  .mt-md-100 {
    margin-top: 100px !important;
  }
  .mt-md-120 {
    margin-top: 120px !important;
  }
  .mt-md-130 {
    margin-top: 130px !important;
  }
  .mt-md-140 {
    margin-top: 140px !important;
  }
  .mt-md-160 {
    margin-top: 160px !important;
  }
  .mt-md-180 {
    margin-top: 180px !important;
  }
  .mt-md-200 {
    margin-top: 200px !important;
  }
  .mt-md-300 {
    margin-top: 300px !important;
  }
  .mt-md--5 {
    margin-top: -5px !important;
  }
  .mt-md--10 {
    margin-top: -10px !important;
  }
  .mt-md--15 {
    margin-top: -15px !important;
  }
  .mt-md--20 {
    margin-top: -20px !important;
  }
  .mt-md--25 {
    margin-top: -25px !important;
  }
  .mt-md--30 {
    margin-top: -30px !important;
  }
  .mt-md--40 {
    margin-top: -40px !important;
  }
  .mt-md--50 {
    margin-top: -50px !important;
  }
  .mt-md--60 {
    margin-top: -60px !important;
  }
  .mt-md--70 {
    margin-top: -70px !important;
  }
  .mt-md--80 {
    margin-top: -80px !important;
  }
  .mt-md--90 {
    margin-top: -90px !important;
  }
  .mt-md--100 {
    margin-top: -100px !important;
  }
  .mt-md--120 {
    margin-top: -120px !important;
  }
  .mt-md--140 {
    margin-top: -140px !important;
  }
  .mt-md--160 {
    margin-top: -160px !important;
  }
  .mt-md--180 {
    margin-top: -180px !important;
  }
  .mt-md--200 {
    margin-top: -200px !important;
  }
  .mt-md--300 {
    margin-top: -300px !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-5 {
    margin-right: 5px !important;
  }
  .me-md-10 {
    margin-right: 10px !important;
  }
  .me-md-15 {
    margin-right: 15px !important;
  }
  .me-md-20 {
    margin-right: 20px !important;
  }
  .me-md-25 {
    margin-right: 25px !important;
  }
  .me-md-30 {
    margin-right: 30px !important;
  }
  .me-md-40 {
    margin-right: 40px !important;
  }
  .me-md-50 {
    margin-right: 50px !important;
  }
  .me-md-60 {
    margin-right: 60px !important;
  }
  .me-md-70 {
    margin-right: 70px !important;
  }
  .me-md-80 {
    margin-right: 80px !important;
  }
  .me-md-90 {
    margin-right: 90px !important;
  }
  .me-md-100 {
    margin-right: 100px !important;
  }
  .me-md-120 {
    margin-right: 120px !important;
  }
  .me-md-130 {
    margin-right: 130px !important;
  }
  .me-md-140 {
    margin-right: 140px !important;
  }
  .me-md-160 {
    margin-right: 160px !important;
  }
  .me-md-180 {
    margin-right: 180px !important;
  }
  .me-md-200 {
    margin-right: 200px !important;
  }
  .me-md-300 {
    margin-right: 300px !important;
  }
  .me-md--5 {
    margin-right: -5px !important;
  }
  .me-md--10 {
    margin-right: -10px !important;
  }
  .me-md--15 {
    margin-right: -15px !important;
  }
  .me-md--20 {
    margin-right: -20px !important;
  }
  .me-md--25 {
    margin-right: -25px !important;
  }
  .me-md--30 {
    margin-right: -30px !important;
  }
  .me-md--40 {
    margin-right: -40px !important;
  }
  .me-md--50 {
    margin-right: -50px !important;
  }
  .me-md--60 {
    margin-right: -60px !important;
  }
  .me-md--70 {
    margin-right: -70px !important;
  }
  .me-md--80 {
    margin-right: -80px !important;
  }
  .me-md--90 {
    margin-right: -90px !important;
  }
  .me-md--100 {
    margin-right: -100px !important;
  }
  .me-md--120 {
    margin-right: -120px !important;
  }
  .me-md--140 {
    margin-right: -140px !important;
  }
  .me-md--160 {
    margin-right: -160px !important;
  }
  .me-md--180 {
    margin-right: -180px !important;
  }
  .me-md--200 {
    margin-right: -200px !important;
  }
  .me-md--300 {
    margin-right: -300px !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-5 {
    margin-bottom: 5px !important;
  }
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
  .mb-md-15 {
    margin-bottom: 15px !important;
  }
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
  .mb-md-25 {
    margin-bottom: 25px !important;
  }
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
  .mb-md-120 {
    margin-bottom: 120px !important;
  }
  .mb-md-130 {
    margin-bottom: 130px !important;
  }
  .mb-md-140 {
    margin-bottom: 140px !important;
  }
  .mb-md-160 {
    margin-bottom: 160px !important;
  }
  .mb-md-180 {
    margin-bottom: 180px !important;
  }
  .mb-md-200 {
    margin-bottom: 200px !important;
  }
  .mb-md-300 {
    margin-bottom: 300px !important;
  }
  .mb-md--5 {
    margin-bottom: -5px !important;
  }
  .mb-md--10 {
    margin-bottom: -10px !important;
  }
  .mb-md--15 {
    margin-bottom: -15px !important;
  }
  .mb-md--20 {
    margin-bottom: -20px !important;
  }
  .mb-md--25 {
    margin-bottom: -25px !important;
  }
  .mb-md--30 {
    margin-bottom: -30px !important;
  }
  .mb-md--40 {
    margin-bottom: -40px !important;
  }
  .mb-md--50 {
    margin-bottom: -50px !important;
  }
  .mb-md--60 {
    margin-bottom: -60px !important;
  }
  .mb-md--70 {
    margin-bottom: -70px !important;
  }
  .mb-md--80 {
    margin-bottom: -80px !important;
  }
  .mb-md--90 {
    margin-bottom: -90px !important;
  }
  .mb-md--100 {
    margin-bottom: -100px !important;
  }
  .mb-md--120 {
    margin-bottom: -120px !important;
  }
  .mb-md--140 {
    margin-bottom: -140px !important;
  }
  .mb-md--160 {
    margin-bottom: -160px !important;
  }
  .mb-md--180 {
    margin-bottom: -180px !important;
  }
  .mb-md--200 {
    margin-bottom: -200px !important;
  }
  .mb-md--300 {
    margin-bottom: -300px !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-5 {
    margin-left: 5px !important;
  }
  .ms-md-10 {
    margin-left: 10px !important;
  }
  .ms-md-15 {
    margin-left: 15px !important;
  }
  .ms-md-20 {
    margin-left: 20px !important;
  }
  .ms-md-25 {
    margin-left: 25px !important;
  }
  .ms-md-30 {
    margin-left: 30px !important;
  }
  .ms-md-40 {
    margin-left: 40px !important;
  }
  .ms-md-50 {
    margin-left: 50px !important;
  }
  .ms-md-60 {
    margin-left: 60px !important;
  }
  .ms-md-70 {
    margin-left: 70px !important;
  }
  .ms-md-80 {
    margin-left: 80px !important;
  }
  .ms-md-90 {
    margin-left: 90px !important;
  }
  .ms-md-100 {
    margin-left: 100px !important;
  }
  .ms-md-120 {
    margin-left: 120px !important;
  }
  .ms-md-130 {
    margin-left: 130px !important;
  }
  .ms-md-140 {
    margin-left: 140px !important;
  }
  .ms-md-160 {
    margin-left: 160px !important;
  }
  .ms-md-180 {
    margin-left: 180px !important;
  }
  .ms-md-200 {
    margin-left: 200px !important;
  }
  .ms-md-300 {
    margin-left: 300px !important;
  }
  .ms-md--5 {
    margin-left: -5px !important;
  }
  .ms-md--10 {
    margin-left: -10px !important;
  }
  .ms-md--15 {
    margin-left: -15px !important;
  }
  .ms-md--20 {
    margin-left: -20px !important;
  }
  .ms-md--25 {
    margin-left: -25px !important;
  }
  .ms-md--30 {
    margin-left: -30px !important;
  }
  .ms-md--40 {
    margin-left: -40px !important;
  }
  .ms-md--50 {
    margin-left: -50px !important;
  }
  .ms-md--60 {
    margin-left: -60px !important;
  }
  .ms-md--70 {
    margin-left: -70px !important;
  }
  .ms-md--80 {
    margin-left: -80px !important;
  }
  .ms-md--90 {
    margin-left: -90px !important;
  }
  .ms-md--100 {
    margin-left: -100px !important;
  }
  .ms-md--120 {
    margin-left: -120px !important;
  }
  .ms-md--140 {
    margin-left: -140px !important;
  }
  .ms-md--160 {
    margin-left: -160px !important;
  }
  .ms-md--180 {
    margin-left: -180px !important;
  }
  .ms-md--200 {
    margin-left: -200px !important;
  }
  .ms-md--300 {
    margin-left: -300px !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-5 {
    padding: 5px !important;
  }
  .p-md-10 {
    padding: 10px !important;
  }
  .p-md-15 {
    padding: 15px !important;
  }
  .p-md-20 {
    padding: 20px !important;
  }
  .p-md-25 {
    padding: 25px !important;
  }
  .p-md-30 {
    padding: 30px !important;
  }
  .p-md-40 {
    padding: 40px !important;
  }
  .p-md-50 {
    padding: 50px !important;
  }
  .p-md-60 {
    padding: 60px !important;
  }
  .p-md-70 {
    padding: 70px !important;
  }
  .p-md-80 {
    padding: 80px !important;
  }
  .p-md-90 {
    padding: 90px !important;
  }
  .p-md-100 {
    padding: 100px !important;
  }
  .p-md-120 {
    padding: 120px !important;
  }
  .p-md-130 {
    padding: 130px !important;
  }
  .p-md-140 {
    padding: 140px !important;
  }
  .p-md-160 {
    padding: 160px !important;
  }
  .p-md-180 {
    padding: 180px !important;
  }
  .p-md-200 {
    padding: 200px !important;
  }
  .p-md-300 {
    padding: 300px !important;
  }
  .p-md--5 {
    padding: -5px !important;
  }
  .p-md--10 {
    padding: -10px !important;
  }
  .p-md--15 {
    padding: -15px !important;
  }
  .p-md--20 {
    padding: -20px !important;
  }
  .p-md--25 {
    padding: -25px !important;
  }
  .p-md--30 {
    padding: -30px !important;
  }
  .p-md--40 {
    padding: -40px !important;
  }
  .p-md--50 {
    padding: -50px !important;
  }
  .p-md--60 {
    padding: -60px !important;
  }
  .p-md--70 {
    padding: -70px !important;
  }
  .p-md--80 {
    padding: -80px !important;
  }
  .p-md--90 {
    padding: -90px !important;
  }
  .p-md--100 {
    padding: -100px !important;
  }
  .p-md--120 {
    padding: -120px !important;
  }
  .p-md--140 {
    padding: -140px !important;
  }
  .p-md--160 {
    padding: -160px !important;
  }
  .p-md--180 {
    padding: -180px !important;
  }
  .p-md--200 {
    padding: -200px !important;
  }
  .p-md--300 {
    padding: -300px !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-md-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-md-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-md-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-md-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-md-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-md-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-md-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-md-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-md-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-md-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-md-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-md-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .px-md-120 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .px-md-130 {
    padding-right: 130px !important;
    padding-left: 130px !important;
  }
  .px-md-140 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .px-md-160 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .px-md-180 {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .px-md-200 {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
  .px-md-300 {
    padding-right: 300px !important;
    padding-left: 300px !important;
  }
  .px-md--5 {
    padding-right: -5px !important;
    padding-left: -5px !important;
  }
  .px-md--10 {
    padding-right: -10px !important;
    padding-left: -10px !important;
  }
  .px-md--15 {
    padding-right: -15px !important;
    padding-left: -15px !important;
  }
  .px-md--20 {
    padding-right: -20px !important;
    padding-left: -20px !important;
  }
  .px-md--25 {
    padding-right: -25px !important;
    padding-left: -25px !important;
  }
  .px-md--30 {
    padding-right: -30px !important;
    padding-left: -30px !important;
  }
  .px-md--40 {
    padding-right: -40px !important;
    padding-left: -40px !important;
  }
  .px-md--50 {
    padding-right: -50px !important;
    padding-left: -50px !important;
  }
  .px-md--60 {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .px-md--70 {
    padding-right: -70px !important;
    padding-left: -70px !important;
  }
  .px-md--80 {
    padding-right: -80px !important;
    padding-left: -80px !important;
  }
  .px-md--90 {
    padding-right: -90px !important;
    padding-left: -90px !important;
  }
  .px-md--100 {
    padding-right: -100px !important;
    padding-left: -100px !important;
  }
  .px-md--120 {
    padding-right: -120px !important;
    padding-left: -120px !important;
  }
  .px-md--140 {
    padding-right: -140px !important;
    padding-left: -140px !important;
  }
  .px-md--160 {
    padding-right: -160px !important;
    padding-left: -160px !important;
  }
  .px-md--180 {
    padding-right: -180px !important;
    padding-left: -180px !important;
  }
  .px-md--200 {
    padding-right: -200px !important;
    padding-left: -200px !important;
  }
  .px-md--300 {
    padding-right: -300px !important;
    padding-left: -300px !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-md-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-md-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-md-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-md-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-md-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-md-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-md-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-md-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-md-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-md-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-md-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-md-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .py-md-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .py-md-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .py-md-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .py-md-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .py-md-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .py-md-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .py-md-300 {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .py-md--5 {
    padding-top: -5px !important;
    padding-bottom: -5px !important;
  }
  .py-md--10 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }
  .py-md--15 {
    padding-top: -15px !important;
    padding-bottom: -15px !important;
  }
  .py-md--20 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }
  .py-md--25 {
    padding-top: -25px !important;
    padding-bottom: -25px !important;
  }
  .py-md--30 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }
  .py-md--40 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }
  .py-md--50 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }
  .py-md--60 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .py-md--70 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }
  .py-md--80 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }
  .py-md--90 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }
  .py-md--100 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }
  .py-md--120 {
    padding-top: -120px !important;
    padding-bottom: -120px !important;
  }
  .py-md--140 {
    padding-top: -140px !important;
    padding-bottom: -140px !important;
  }
  .py-md--160 {
    padding-top: -160px !important;
    padding-bottom: -160px !important;
  }
  .py-md--180 {
    padding-top: -180px !important;
    padding-bottom: -180px !important;
  }
  .py-md--200 {
    padding-top: -200px !important;
    padding-bottom: -200px !important;
  }
  .py-md--300 {
    padding-top: -300px !important;
    padding-bottom: -300px !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-5 {
    padding-top: 5px !important;
  }
  .pt-md-10 {
    padding-top: 10px !important;
  }
  .pt-md-15 {
    padding-top: 15px !important;
  }
  .pt-md-20 {
    padding-top: 20px !important;
  }
  .pt-md-25 {
    padding-top: 25px !important;
  }
  .pt-md-30 {
    padding-top: 30px !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pt-md-50 {
    padding-top: 50px !important;
  }
  .pt-md-60 {
    padding-top: 60px !important;
  }
  .pt-md-70 {
    padding-top: 70px !important;
  }
  .pt-md-80 {
    padding-top: 80px !important;
  }
  .pt-md-90 {
    padding-top: 90px !important;
  }
  .pt-md-100 {
    padding-top: 100px !important;
  }
  .pt-md-120 {
    padding-top: 120px !important;
  }
  .pt-md-130 {
    padding-top: 130px !important;
  }
  .pt-md-140 {
    padding-top: 140px !important;
  }
  .pt-md-160 {
    padding-top: 160px !important;
  }
  .pt-md-180 {
    padding-top: 180px !important;
  }
  .pt-md-200 {
    padding-top: 200px !important;
  }
  .pt-md-300 {
    padding-top: 300px !important;
  }
  .pt-md--5 {
    padding-top: -5px !important;
  }
  .pt-md--10 {
    padding-top: -10px !important;
  }
  .pt-md--15 {
    padding-top: -15px !important;
  }
  .pt-md--20 {
    padding-top: -20px !important;
  }
  .pt-md--25 {
    padding-top: -25px !important;
  }
  .pt-md--30 {
    padding-top: -30px !important;
  }
  .pt-md--40 {
    padding-top: -40px !important;
  }
  .pt-md--50 {
    padding-top: -50px !important;
  }
  .pt-md--60 {
    padding-top: -60px !important;
  }
  .pt-md--70 {
    padding-top: -70px !important;
  }
  .pt-md--80 {
    padding-top: -80px !important;
  }
  .pt-md--90 {
    padding-top: -90px !important;
  }
  .pt-md--100 {
    padding-top: -100px !important;
  }
  .pt-md--120 {
    padding-top: -120px !important;
  }
  .pt-md--140 {
    padding-top: -140px !important;
  }
  .pt-md--160 {
    padding-top: -160px !important;
  }
  .pt-md--180 {
    padding-top: -180px !important;
  }
  .pt-md--200 {
    padding-top: -200px !important;
  }
  .pt-md--300 {
    padding-top: -300px !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-5 {
    padding-right: 5px !important;
  }
  .pe-md-10 {
    padding-right: 10px !important;
  }
  .pe-md-15 {
    padding-right: 15px !important;
  }
  .pe-md-20 {
    padding-right: 20px !important;
  }
  .pe-md-25 {
    padding-right: 25px !important;
  }
  .pe-md-30 {
    padding-right: 30px !important;
  }
  .pe-md-40 {
    padding-right: 40px !important;
  }
  .pe-md-50 {
    padding-right: 50px !important;
  }
  .pe-md-60 {
    padding-right: 60px !important;
  }
  .pe-md-70 {
    padding-right: 70px !important;
  }
  .pe-md-80 {
    padding-right: 80px !important;
  }
  .pe-md-90 {
    padding-right: 90px !important;
  }
  .pe-md-100 {
    padding-right: 100px !important;
  }
  .pe-md-120 {
    padding-right: 120px !important;
  }
  .pe-md-130 {
    padding-right: 130px !important;
  }
  .pe-md-140 {
    padding-right: 140px !important;
  }
  .pe-md-160 {
    padding-right: 160px !important;
  }
  .pe-md-180 {
    padding-right: 180px !important;
  }
  .pe-md-200 {
    padding-right: 200px !important;
  }
  .pe-md-300 {
    padding-right: 300px !important;
  }
  .pe-md--5 {
    padding-right: -5px !important;
  }
  .pe-md--10 {
    padding-right: -10px !important;
  }
  .pe-md--15 {
    padding-right: -15px !important;
  }
  .pe-md--20 {
    padding-right: -20px !important;
  }
  .pe-md--25 {
    padding-right: -25px !important;
  }
  .pe-md--30 {
    padding-right: -30px !important;
  }
  .pe-md--40 {
    padding-right: -40px !important;
  }
  .pe-md--50 {
    padding-right: -50px !important;
  }
  .pe-md--60 {
    padding-right: -60px !important;
  }
  .pe-md--70 {
    padding-right: -70px !important;
  }
  .pe-md--80 {
    padding-right: -80px !important;
  }
  .pe-md--90 {
    padding-right: -90px !important;
  }
  .pe-md--100 {
    padding-right: -100px !important;
  }
  .pe-md--120 {
    padding-right: -120px !important;
  }
  .pe-md--140 {
    padding-right: -140px !important;
  }
  .pe-md--160 {
    padding-right: -160px !important;
  }
  .pe-md--180 {
    padding-right: -180px !important;
  }
  .pe-md--200 {
    padding-right: -200px !important;
  }
  .pe-md--300 {
    padding-right: -300px !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-5 {
    padding-bottom: 5px !important;
  }
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
  .pb-md-15 {
    padding-bottom: 15px !important;
  }
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
  .pb-md-25 {
    padding-bottom: 25px !important;
  }
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
  .pb-md-90 {
    padding-bottom: 90px !important;
  }
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
  .pb-md-120 {
    padding-bottom: 120px !important;
  }
  .pb-md-130 {
    padding-bottom: 130px !important;
  }
  .pb-md-140 {
    padding-bottom: 140px !important;
  }
  .pb-md-160 {
    padding-bottom: 160px !important;
  }
  .pb-md-180 {
    padding-bottom: 180px !important;
  }
  .pb-md-200 {
    padding-bottom: 200px !important;
  }
  .pb-md-300 {
    padding-bottom: 300px !important;
  }
  .pb-md--5 {
    padding-bottom: -5px !important;
  }
  .pb-md--10 {
    padding-bottom: -10px !important;
  }
  .pb-md--15 {
    padding-bottom: -15px !important;
  }
  .pb-md--20 {
    padding-bottom: -20px !important;
  }
  .pb-md--25 {
    padding-bottom: -25px !important;
  }
  .pb-md--30 {
    padding-bottom: -30px !important;
  }
  .pb-md--40 {
    padding-bottom: -40px !important;
  }
  .pb-md--50 {
    padding-bottom: -50px !important;
  }
  .pb-md--60 {
    padding-bottom: -60px !important;
  }
  .pb-md--70 {
    padding-bottom: -70px !important;
  }
  .pb-md--80 {
    padding-bottom: -80px !important;
  }
  .pb-md--90 {
    padding-bottom: -90px !important;
  }
  .pb-md--100 {
    padding-bottom: -100px !important;
  }
  .pb-md--120 {
    padding-bottom: -120px !important;
  }
  .pb-md--140 {
    padding-bottom: -140px !important;
  }
  .pb-md--160 {
    padding-bottom: -160px !important;
  }
  .pb-md--180 {
    padding-bottom: -180px !important;
  }
  .pb-md--200 {
    padding-bottom: -200px !important;
  }
  .pb-md--300 {
    padding-bottom: -300px !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-5 {
    padding-left: 5px !important;
  }
  .ps-md-10 {
    padding-left: 10px !important;
  }
  .ps-md-15 {
    padding-left: 15px !important;
  }
  .ps-md-20 {
    padding-left: 20px !important;
  }
  .ps-md-25 {
    padding-left: 25px !important;
  }
  .ps-md-30 {
    padding-left: 30px !important;
  }
  .ps-md-40 {
    padding-left: 40px !important;
  }
  .ps-md-50 {
    padding-left: 50px !important;
  }
  .ps-md-60 {
    padding-left: 60px !important;
  }
  .ps-md-70 {
    padding-left: 70px !important;
  }
  .ps-md-80 {
    padding-left: 80px !important;
  }
  .ps-md-90 {
    padding-left: 90px !important;
  }
  .ps-md-100 {
    padding-left: 100px !important;
  }
  .ps-md-120 {
    padding-left: 120px !important;
  }
  .ps-md-130 {
    padding-left: 130px !important;
  }
  .ps-md-140 {
    padding-left: 140px !important;
  }
  .ps-md-160 {
    padding-left: 160px !important;
  }
  .ps-md-180 {
    padding-left: 180px !important;
  }
  .ps-md-200 {
    padding-left: 200px !important;
  }
  .ps-md-300 {
    padding-left: 300px !important;
  }
  .ps-md--5 {
    padding-left: -5px !important;
  }
  .ps-md--10 {
    padding-left: -10px !important;
  }
  .ps-md--15 {
    padding-left: -15px !important;
  }
  .ps-md--20 {
    padding-left: -20px !important;
  }
  .ps-md--25 {
    padding-left: -25px !important;
  }
  .ps-md--30 {
    padding-left: -30px !important;
  }
  .ps-md--40 {
    padding-left: -40px !important;
  }
  .ps-md--50 {
    padding-left: -50px !important;
  }
  .ps-md--60 {
    padding-left: -60px !important;
  }
  .ps-md--70 {
    padding-left: -70px !important;
  }
  .ps-md--80 {
    padding-left: -80px !important;
  }
  .ps-md--90 {
    padding-left: -90px !important;
  }
  .ps-md--100 {
    padding-left: -100px !important;
  }
  .ps-md--120 {
    padding-left: -120px !important;
  }
  .ps-md--140 {
    padding-left: -140px !important;
  }
  .ps-md--160 {
    padding-left: -160px !important;
  }
  .ps-md--180 {
    padding-left: -180px !important;
  }
  .ps-md--200 {
    padding-left: -200px !important;
  }
  .ps-md--300 {
    padding-left: -300px !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-5 {
    margin: 5px !important;
  }
  .m-lg-10 {
    margin: 10px !important;
  }
  .m-lg-15 {
    margin: 15px !important;
  }
  .m-lg-20 {
    margin: 20px !important;
  }
  .m-lg-25 {
    margin: 25px !important;
  }
  .m-lg-30 {
    margin: 30px !important;
  }
  .m-lg-40 {
    margin: 40px !important;
  }
  .m-lg-50 {
    margin: 50px !important;
  }
  .m-lg-60 {
    margin: 60px !important;
  }
  .m-lg-70 {
    margin: 70px !important;
  }
  .m-lg-80 {
    margin: 80px !important;
  }
  .m-lg-90 {
    margin: 90px !important;
  }
  .m-lg-100 {
    margin: 100px !important;
  }
  .m-lg-120 {
    margin: 120px !important;
  }
  .m-lg-130 {
    margin: 130px !important;
  }
  .m-lg-140 {
    margin: 140px !important;
  }
  .m-lg-160 {
    margin: 160px !important;
  }
  .m-lg-180 {
    margin: 180px !important;
  }
  .m-lg-200 {
    margin: 200px !important;
  }
  .m-lg-300 {
    margin: 300px !important;
  }
  .m-lg--5 {
    margin: -5px !important;
  }
  .m-lg--10 {
    margin: -10px !important;
  }
  .m-lg--15 {
    margin: -15px !important;
  }
  .m-lg--20 {
    margin: -20px !important;
  }
  .m-lg--25 {
    margin: -25px !important;
  }
  .m-lg--30 {
    margin: -30px !important;
  }
  .m-lg--40 {
    margin: -40px !important;
  }
  .m-lg--50 {
    margin: -50px !important;
  }
  .m-lg--60 {
    margin: -60px !important;
  }
  .m-lg--70 {
    margin: -70px !important;
  }
  .m-lg--80 {
    margin: -80px !important;
  }
  .m-lg--90 {
    margin: -90px !important;
  }
  .m-lg--100 {
    margin: -100px !important;
  }
  .m-lg--120 {
    margin: -120px !important;
  }
  .m-lg--140 {
    margin: -140px !important;
  }
  .m-lg--160 {
    margin: -160px !important;
  }
  .m-lg--180 {
    margin: -180px !important;
  }
  .m-lg--200 {
    margin: -200px !important;
  }
  .m-lg--300 {
    margin: -300px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-lg-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-lg-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-lg-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-lg-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-lg-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-lg-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-lg-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-lg-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-lg-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-lg-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-lg-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-lg-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-lg-120 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .mx-lg-130 {
    margin-right: 130px !important;
    margin-left: 130px !important;
  }
  .mx-lg-140 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .mx-lg-160 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .mx-lg-180 {
    margin-right: 180px !important;
    margin-left: 180px !important;
  }
  .mx-lg-200 {
    margin-right: 200px !important;
    margin-left: 200px !important;
  }
  .mx-lg-300 {
    margin-right: 300px !important;
    margin-left: 300px !important;
  }
  .mx-lg--5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  .mx-lg--10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .mx-lg--15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .mx-lg--20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-lg--25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .mx-lg--30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .mx-lg--40 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-lg--50 {
    margin-right: -50px !important;
    margin-left: -50px !important;
  }
  .mx-lg--60 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-lg--70 {
    margin-right: -70px !important;
    margin-left: -70px !important;
  }
  .mx-lg--80 {
    margin-right: -80px !important;
    margin-left: -80px !important;
  }
  .mx-lg--90 {
    margin-right: -90px !important;
    margin-left: -90px !important;
  }
  .mx-lg--100 {
    margin-right: -100px !important;
    margin-left: -100px !important;
  }
  .mx-lg--120 {
    margin-right: -120px !important;
    margin-left: -120px !important;
  }
  .mx-lg--140 {
    margin-right: -140px !important;
    margin-left: -140px !important;
  }
  .mx-lg--160 {
    margin-right: -160px !important;
    margin-left: -160px !important;
  }
  .mx-lg--180 {
    margin-right: -180px !important;
    margin-left: -180px !important;
  }
  .mx-lg--200 {
    margin-right: -200px !important;
    margin-left: -200px !important;
  }
  .mx-lg--300 {
    margin-right: -300px !important;
    margin-left: -300px !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-lg-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-lg-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-lg-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-lg-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-lg-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-lg-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-lg-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-lg-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-lg-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-lg-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-lg-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-lg-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-lg-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .my-lg-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .my-lg-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .my-lg-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .my-lg-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
  .my-lg-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .my-lg-300 {
    margin-top: 300px !important;
    margin-bottom: 300px !important;
  }
  .my-lg--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .my-lg--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .my-lg--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .my-lg--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-lg--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .my-lg--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .my-lg--40 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-lg--50 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }
  .my-lg--60 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-lg--70 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }
  .my-lg--80 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
  .my-lg--90 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }
  .my-lg--100 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }
  .my-lg--120 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }
  .my-lg--140 {
    margin-top: -140px !important;
    margin-bottom: -140px !important;
  }
  .my-lg--160 {
    margin-top: -160px !important;
    margin-bottom: -160px !important;
  }
  .my-lg--180 {
    margin-top: -180px !important;
    margin-bottom: -180px !important;
  }
  .my-lg--200 {
    margin-top: -200px !important;
    margin-bottom: -200px !important;
  }
  .my-lg--300 {
    margin-top: -300px !important;
    margin-bottom: -300px !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-5 {
    margin-top: 5px !important;
  }
  .mt-lg-10 {
    margin-top: 10px !important;
  }
  .mt-lg-15 {
    margin-top: 15px !important;
  }
  .mt-lg-20 {
    margin-top: 20px !important;
  }
  .mt-lg-25 {
    margin-top: 25px !important;
  }
  .mt-lg-30 {
    margin-top: 30px !important;
  }
  .mt-lg-40 {
    margin-top: 40px !important;
  }
  .mt-lg-50 {
    margin-top: 50px !important;
  }
  .mt-lg-60 {
    margin-top: 60px !important;
  }
  .mt-lg-70 {
    margin-top: 70px !important;
  }
  .mt-lg-80 {
    margin-top: 80px !important;
  }
  .mt-lg-90 {
    margin-top: 90px !important;
  }
  .mt-lg-100 {
    margin-top: 100px !important;
  }
  .mt-lg-120 {
    margin-top: 120px !important;
  }
  .mt-lg-130 {
    margin-top: 130px !important;
  }
  .mt-lg-140 {
    margin-top: 140px !important;
  }
  .mt-lg-160 {
    margin-top: 160px !important;
  }
  .mt-lg-180 {
    margin-top: 180px !important;
  }
  .mt-lg-200 {
    margin-top: 200px !important;
  }
  .mt-lg-300 {
    margin-top: 300px !important;
  }
  .mt-lg--5 {
    margin-top: -5px !important;
  }
  .mt-lg--10 {
    margin-top: -10px !important;
  }
  .mt-lg--15 {
    margin-top: -15px !important;
  }
  .mt-lg--20 {
    margin-top: -20px !important;
  }
  .mt-lg--25 {
    margin-top: -25px !important;
  }
  .mt-lg--30 {
    margin-top: -30px !important;
  }
  .mt-lg--40 {
    margin-top: -40px !important;
  }
  .mt-lg--50 {
    margin-top: -50px !important;
  }
  .mt-lg--60 {
    margin-top: -60px !important;
  }
  .mt-lg--70 {
    margin-top: -70px !important;
  }
  .mt-lg--80 {
    margin-top: -80px !important;
  }
  .mt-lg--90 {
    margin-top: -90px !important;
  }
  .mt-lg--100 {
    margin-top: -100px !important;
  }
  .mt-lg--120 {
    margin-top: -120px !important;
  }
  .mt-lg--140 {
    margin-top: -140px !important;
  }
  .mt-lg--160 {
    margin-top: -160px !important;
  }
  .mt-lg--180 {
    margin-top: -180px !important;
  }
  .mt-lg--200 {
    margin-top: -200px !important;
  }
  .mt-lg--300 {
    margin-top: -300px !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-5 {
    margin-right: 5px !important;
  }
  .me-lg-10 {
    margin-right: 10px !important;
  }
  .me-lg-15 {
    margin-right: 15px !important;
  }
  .me-lg-20 {
    margin-right: 20px !important;
  }
  .me-lg-25 {
    margin-right: 25px !important;
  }
  .me-lg-30 {
    margin-right: 30px !important;
  }
  .me-lg-40 {
    margin-right: 40px !important;
  }
  .me-lg-50 {
    margin-right: 50px !important;
  }
  .me-lg-60 {
    margin-right: 60px !important;
  }
  .me-lg-70 {
    margin-right: 70px !important;
  }
  .me-lg-80 {
    margin-right: 80px !important;
  }
  .me-lg-90 {
    margin-right: 90px !important;
  }
  .me-lg-100 {
    margin-right: 100px !important;
  }
  .me-lg-120 {
    margin-right: 120px !important;
  }
  .me-lg-130 {
    margin-right: 130px !important;
  }
  .me-lg-140 {
    margin-right: 140px !important;
  }
  .me-lg-160 {
    margin-right: 160px !important;
  }
  .me-lg-180 {
    margin-right: 180px !important;
  }
  .me-lg-200 {
    margin-right: 200px !important;
  }
  .me-lg-300 {
    margin-right: 300px !important;
  }
  .me-lg--5 {
    margin-right: -5px !important;
  }
  .me-lg--10 {
    margin-right: -10px !important;
  }
  .me-lg--15 {
    margin-right: -15px !important;
  }
  .me-lg--20 {
    margin-right: -20px !important;
  }
  .me-lg--25 {
    margin-right: -25px !important;
  }
  .me-lg--30 {
    margin-right: -30px !important;
  }
  .me-lg--40 {
    margin-right: -40px !important;
  }
  .me-lg--50 {
    margin-right: -50px !important;
  }
  .me-lg--60 {
    margin-right: -60px !important;
  }
  .me-lg--70 {
    margin-right: -70px !important;
  }
  .me-lg--80 {
    margin-right: -80px !important;
  }
  .me-lg--90 {
    margin-right: -90px !important;
  }
  .me-lg--100 {
    margin-right: -100px !important;
  }
  .me-lg--120 {
    margin-right: -120px !important;
  }
  .me-lg--140 {
    margin-right: -140px !important;
  }
  .me-lg--160 {
    margin-right: -160px !important;
  }
  .me-lg--180 {
    margin-right: -180px !important;
  }
  .me-lg--200 {
    margin-right: -200px !important;
  }
  .me-lg--300 {
    margin-right: -300px !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-5 {
    margin-bottom: 5px !important;
  }
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
  .mb-lg-15 {
    margin-bottom: 15px !important;
  }
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .mb-lg-25 {
    margin-bottom: 25px !important;
  }
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .mb-lg-90 {
    margin-bottom: 90px !important;
  }
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
  .mb-lg-120 {
    margin-bottom: 120px !important;
  }
  .mb-lg-130 {
    margin-bottom: 130px !important;
  }
  .mb-lg-140 {
    margin-bottom: 140px !important;
  }
  .mb-lg-160 {
    margin-bottom: 160px !important;
  }
  .mb-lg-180 {
    margin-bottom: 180px !important;
  }
  .mb-lg-200 {
    margin-bottom: 200px !important;
  }
  .mb-lg-300 {
    margin-bottom: 300px !important;
  }
  .mb-lg--5 {
    margin-bottom: -5px !important;
  }
  .mb-lg--10 {
    margin-bottom: -10px !important;
  }
  .mb-lg--15 {
    margin-bottom: -15px !important;
  }
  .mb-lg--20 {
    margin-bottom: -20px !important;
  }
  .mb-lg--25 {
    margin-bottom: -25px !important;
  }
  .mb-lg--30 {
    margin-bottom: -30px !important;
  }
  .mb-lg--40 {
    margin-bottom: -40px !important;
  }
  .mb-lg--50 {
    margin-bottom: -50px !important;
  }
  .mb-lg--60 {
    margin-bottom: -60px !important;
  }
  .mb-lg--70 {
    margin-bottom: -70px !important;
  }
  .mb-lg--80 {
    margin-bottom: -80px !important;
  }
  .mb-lg--90 {
    margin-bottom: -90px !important;
  }
  .mb-lg--100 {
    margin-bottom: -100px !important;
  }
  .mb-lg--120 {
    margin-bottom: -120px !important;
  }
  .mb-lg--140 {
    margin-bottom: -140px !important;
  }
  .mb-lg--160 {
    margin-bottom: -160px !important;
  }
  .mb-lg--180 {
    margin-bottom: -180px !important;
  }
  .mb-lg--200 {
    margin-bottom: -200px !important;
  }
  .mb-lg--300 {
    margin-bottom: -300px !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-5 {
    margin-left: 5px !important;
  }
  .ms-lg-10 {
    margin-left: 10px !important;
  }
  .ms-lg-15 {
    margin-left: 15px !important;
  }
  .ms-lg-20 {
    margin-left: 20px !important;
  }
  .ms-lg-25 {
    margin-left: 25px !important;
  }
  .ms-lg-30 {
    margin-left: 30px !important;
  }
  .ms-lg-40 {
    margin-left: 40px !important;
  }
  .ms-lg-50 {
    margin-left: 50px !important;
  }
  .ms-lg-60 {
    margin-left: 60px !important;
  }
  .ms-lg-70 {
    margin-left: 70px !important;
  }
  .ms-lg-80 {
    margin-left: 80px !important;
  }
  .ms-lg-90 {
    margin-left: 90px !important;
  }
  .ms-lg-100 {
    margin-left: 100px !important;
  }
  .ms-lg-120 {
    margin-left: 120px !important;
  }
  .ms-lg-130 {
    margin-left: 130px !important;
  }
  .ms-lg-140 {
    margin-left: 140px !important;
  }
  .ms-lg-160 {
    margin-left: 160px !important;
  }
  .ms-lg-180 {
    margin-left: 180px !important;
  }
  .ms-lg-200 {
    margin-left: 200px !important;
  }
  .ms-lg-300 {
    margin-left: 300px !important;
  }
  .ms-lg--5 {
    margin-left: -5px !important;
  }
  .ms-lg--10 {
    margin-left: -10px !important;
  }
  .ms-lg--15 {
    margin-left: -15px !important;
  }
  .ms-lg--20 {
    margin-left: -20px !important;
  }
  .ms-lg--25 {
    margin-left: -25px !important;
  }
  .ms-lg--30 {
    margin-left: -30px !important;
  }
  .ms-lg--40 {
    margin-left: -40px !important;
  }
  .ms-lg--50 {
    margin-left: -50px !important;
  }
  .ms-lg--60 {
    margin-left: -60px !important;
  }
  .ms-lg--70 {
    margin-left: -70px !important;
  }
  .ms-lg--80 {
    margin-left: -80px !important;
  }
  .ms-lg--90 {
    margin-left: -90px !important;
  }
  .ms-lg--100 {
    margin-left: -100px !important;
  }
  .ms-lg--120 {
    margin-left: -120px !important;
  }
  .ms-lg--140 {
    margin-left: -140px !important;
  }
  .ms-lg--160 {
    margin-left: -160px !important;
  }
  .ms-lg--180 {
    margin-left: -180px !important;
  }
  .ms-lg--200 {
    margin-left: -200px !important;
  }
  .ms-lg--300 {
    margin-left: -300px !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-5 {
    padding: 5px !important;
  }
  .p-lg-10 {
    padding: 10px !important;
  }
  .p-lg-15 {
    padding: 15px !important;
  }
  .p-lg-20 {
    padding: 20px !important;
  }
  .p-lg-25 {
    padding: 25px !important;
  }
  .p-lg-30 {
    padding: 30px !important;
  }
  .p-lg-40 {
    padding: 40px !important;
  }
  .p-lg-50 {
    padding: 50px !important;
  }
  .p-lg-60 {
    padding: 60px !important;
  }
  .p-lg-70 {
    padding: 70px !important;
  }
  .p-lg-80 {
    padding: 80px !important;
  }
  .p-lg-90 {
    padding: 90px !important;
  }
  .p-lg-100 {
    padding: 100px !important;
  }
  .p-lg-120 {
    padding: 120px !important;
  }
  .p-lg-130 {
    padding: 130px !important;
  }
  .p-lg-140 {
    padding: 140px !important;
  }
  .p-lg-160 {
    padding: 160px !important;
  }
  .p-lg-180 {
    padding: 180px !important;
  }
  .p-lg-200 {
    padding: 200px !important;
  }
  .p-lg-300 {
    padding: 300px !important;
  }
  .p-lg--5 {
    padding: -5px !important;
  }
  .p-lg--10 {
    padding: -10px !important;
  }
  .p-lg--15 {
    padding: -15px !important;
  }
  .p-lg--20 {
    padding: -20px !important;
  }
  .p-lg--25 {
    padding: -25px !important;
  }
  .p-lg--30 {
    padding: -30px !important;
  }
  .p-lg--40 {
    padding: -40px !important;
  }
  .p-lg--50 {
    padding: -50px !important;
  }
  .p-lg--60 {
    padding: -60px !important;
  }
  .p-lg--70 {
    padding: -70px !important;
  }
  .p-lg--80 {
    padding: -80px !important;
  }
  .p-lg--90 {
    padding: -90px !important;
  }
  .p-lg--100 {
    padding: -100px !important;
  }
  .p-lg--120 {
    padding: -120px !important;
  }
  .p-lg--140 {
    padding: -140px !important;
  }
  .p-lg--160 {
    padding: -160px !important;
  }
  .p-lg--180 {
    padding: -180px !important;
  }
  .p-lg--200 {
    padding: -200px !important;
  }
  .p-lg--300 {
    padding: -300px !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-lg-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-lg-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-lg-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-lg-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-lg-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-lg-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-lg-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-lg-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-lg-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-lg-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-lg-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-lg-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .px-lg-120 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .px-lg-130 {
    padding-right: 130px !important;
    padding-left: 130px !important;
  }
  .px-lg-140 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .px-lg-160 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .px-lg-180 {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .px-lg-200 {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
  .px-lg-300 {
    padding-right: 300px !important;
    padding-left: 300px !important;
  }
  .px-lg--5 {
    padding-right: -5px !important;
    padding-left: -5px !important;
  }
  .px-lg--10 {
    padding-right: -10px !important;
    padding-left: -10px !important;
  }
  .px-lg--15 {
    padding-right: -15px !important;
    padding-left: -15px !important;
  }
  .px-lg--20 {
    padding-right: -20px !important;
    padding-left: -20px !important;
  }
  .px-lg--25 {
    padding-right: -25px !important;
    padding-left: -25px !important;
  }
  .px-lg--30 {
    padding-right: -30px !important;
    padding-left: -30px !important;
  }
  .px-lg--40 {
    padding-right: -40px !important;
    padding-left: -40px !important;
  }
  .px-lg--50 {
    padding-right: -50px !important;
    padding-left: -50px !important;
  }
  .px-lg--60 {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .px-lg--70 {
    padding-right: -70px !important;
    padding-left: -70px !important;
  }
  .px-lg--80 {
    padding-right: -80px !important;
    padding-left: -80px !important;
  }
  .px-lg--90 {
    padding-right: -90px !important;
    padding-left: -90px !important;
  }
  .px-lg--100 {
    padding-right: -100px !important;
    padding-left: -100px !important;
  }
  .px-lg--120 {
    padding-right: -120px !important;
    padding-left: -120px !important;
  }
  .px-lg--140 {
    padding-right: -140px !important;
    padding-left: -140px !important;
  }
  .px-lg--160 {
    padding-right: -160px !important;
    padding-left: -160px !important;
  }
  .px-lg--180 {
    padding-right: -180px !important;
    padding-left: -180px !important;
  }
  .px-lg--200 {
    padding-right: -200px !important;
    padding-left: -200px !important;
  }
  .px-lg--300 {
    padding-right: -300px !important;
    padding-left: -300px !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-lg-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-lg-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-lg-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-lg-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-lg-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-lg-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-lg-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-lg-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-lg-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-lg-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-lg-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-lg-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .py-lg-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .py-lg-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .py-lg-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .py-lg-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .py-lg-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .py-lg-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .py-lg-300 {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .py-lg--5 {
    padding-top: -5px !important;
    padding-bottom: -5px !important;
  }
  .py-lg--10 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }
  .py-lg--15 {
    padding-top: -15px !important;
    padding-bottom: -15px !important;
  }
  .py-lg--20 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }
  .py-lg--25 {
    padding-top: -25px !important;
    padding-bottom: -25px !important;
  }
  .py-lg--30 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }
  .py-lg--40 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }
  .py-lg--50 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }
  .py-lg--60 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .py-lg--70 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }
  .py-lg--80 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }
  .py-lg--90 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }
  .py-lg--100 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }
  .py-lg--120 {
    padding-top: -120px !important;
    padding-bottom: -120px !important;
  }
  .py-lg--140 {
    padding-top: -140px !important;
    padding-bottom: -140px !important;
  }
  .py-lg--160 {
    padding-top: -160px !important;
    padding-bottom: -160px !important;
  }
  .py-lg--180 {
    padding-top: -180px !important;
    padding-bottom: -180px !important;
  }
  .py-lg--200 {
    padding-top: -200px !important;
    padding-bottom: -200px !important;
  }
  .py-lg--300 {
    padding-top: -300px !important;
    padding-bottom: -300px !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-5 {
    padding-top: 5px !important;
  }
  .pt-lg-10 {
    padding-top: 10px !important;
  }
  .pt-lg-15 {
    padding-top: 15px !important;
  }
  .pt-lg-20 {
    padding-top: 20px !important;
  }
  .pt-lg-25 {
    padding-top: 25px !important;
  }
  .pt-lg-30 {
    padding-top: 30px !important;
  }
  .pt-lg-40 {
    padding-top: 40px !important;
  }
  .pt-lg-50 {
    padding-top: 50px !important;
  }
  .pt-lg-60 {
    padding-top: 60px !important;
  }
  .pt-lg-70 {
    padding-top: 70px !important;
  }
  .pt-lg-80 {
    padding-top: 80px !important;
  }
  .pt-lg-90 {
    padding-top: 90px !important;
  }
  .pt-lg-100 {
    padding-top: 100px !important;
  }
  .pt-lg-120 {
    padding-top: 120px !important;
  }
  .pt-lg-130 {
    padding-top: 130px !important;
  }
  .pt-lg-140 {
    padding-top: 140px !important;
  }
  .pt-lg-160 {
    padding-top: 160px !important;
  }
  .pt-lg-180 {
    padding-top: 180px !important;
  }
  .pt-lg-200 {
    padding-top: 200px !important;
  }
  .pt-lg-300 {
    padding-top: 300px !important;
  }
  .pt-lg--5 {
    padding-top: -5px !important;
  }
  .pt-lg--10 {
    padding-top: -10px !important;
  }
  .pt-lg--15 {
    padding-top: -15px !important;
  }
  .pt-lg--20 {
    padding-top: -20px !important;
  }
  .pt-lg--25 {
    padding-top: -25px !important;
  }
  .pt-lg--30 {
    padding-top: -30px !important;
  }
  .pt-lg--40 {
    padding-top: -40px !important;
  }
  .pt-lg--50 {
    padding-top: -50px !important;
  }
  .pt-lg--60 {
    padding-top: -60px !important;
  }
  .pt-lg--70 {
    padding-top: -70px !important;
  }
  .pt-lg--80 {
    padding-top: -80px !important;
  }
  .pt-lg--90 {
    padding-top: -90px !important;
  }
  .pt-lg--100 {
    padding-top: -100px !important;
  }
  .pt-lg--120 {
    padding-top: -120px !important;
  }
  .pt-lg--140 {
    padding-top: -140px !important;
  }
  .pt-lg--160 {
    padding-top: -160px !important;
  }
  .pt-lg--180 {
    padding-top: -180px !important;
  }
  .pt-lg--200 {
    padding-top: -200px !important;
  }
  .pt-lg--300 {
    padding-top: -300px !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-5 {
    padding-right: 5px !important;
  }
  .pe-lg-10 {
    padding-right: 10px !important;
  }
  .pe-lg-15 {
    padding-right: 15px !important;
  }
  .pe-lg-20 {
    padding-right: 20px !important;
  }
  .pe-lg-25 {
    padding-right: 25px !important;
  }
  .pe-lg-30 {
    padding-right: 30px !important;
  }
  .pe-lg-40 {
    padding-right: 40px !important;
  }
  .pe-lg-50 {
    padding-right: 50px !important;
  }
  .pe-lg-60 {
    padding-right: 60px !important;
  }
  .pe-lg-70 {
    padding-right: 70px !important;
  }
  .pe-lg-80 {
    padding-right: 80px !important;
  }
  .pe-lg-90 {
    padding-right: 90px !important;
  }
  .pe-lg-100 {
    padding-right: 100px !important;
  }
  .pe-lg-120 {
    padding-right: 120px !important;
  }
  .pe-lg-130 {
    padding-right: 130px !important;
  }
  .pe-lg-140 {
    padding-right: 140px !important;
  }
  .pe-lg-160 {
    padding-right: 160px !important;
  }
  .pe-lg-180 {
    padding-right: 180px !important;
  }
  .pe-lg-200 {
    padding-right: 200px !important;
  }
  .pe-lg-300 {
    padding-right: 300px !important;
  }
  .pe-lg--5 {
    padding-right: -5px !important;
  }
  .pe-lg--10 {
    padding-right: -10px !important;
  }
  .pe-lg--15 {
    padding-right: -15px !important;
  }
  .pe-lg--20 {
    padding-right: -20px !important;
  }
  .pe-lg--25 {
    padding-right: -25px !important;
  }
  .pe-lg--30 {
    padding-right: -30px !important;
  }
  .pe-lg--40 {
    padding-right: -40px !important;
  }
  .pe-lg--50 {
    padding-right: -50px !important;
  }
  .pe-lg--60 {
    padding-right: -60px !important;
  }
  .pe-lg--70 {
    padding-right: -70px !important;
  }
  .pe-lg--80 {
    padding-right: -80px !important;
  }
  .pe-lg--90 {
    padding-right: -90px !important;
  }
  .pe-lg--100 {
    padding-right: -100px !important;
  }
  .pe-lg--120 {
    padding-right: -120px !important;
  }
  .pe-lg--140 {
    padding-right: -140px !important;
  }
  .pe-lg--160 {
    padding-right: -160px !important;
  }
  .pe-lg--180 {
    padding-right: -180px !important;
  }
  .pe-lg--200 {
    padding-right: -200px !important;
  }
  .pe-lg--300 {
    padding-right: -300px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-5 {
    padding-bottom: 5px !important;
  }
  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
  .pb-lg-15 {
    padding-bottom: 15px !important;
  }
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
  .pb-lg-25 {
    padding-bottom: 25px !important;
  }
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
  .pb-lg-70 {
    padding-bottom: 70px !important;
  }
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }
  .pb-lg-90 {
    padding-bottom: 90px !important;
  }
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
  .pb-lg-120 {
    padding-bottom: 120px !important;
  }
  .pb-lg-130 {
    padding-bottom: 130px !important;
  }
  .pb-lg-140 {
    padding-bottom: 140px !important;
  }
  .pb-lg-160 {
    padding-bottom: 160px !important;
  }
  .pb-lg-180 {
    padding-bottom: 180px !important;
  }
  .pb-lg-200 {
    padding-bottom: 200px !important;
  }
  .pb-lg-300 {
    padding-bottom: 300px !important;
  }
  .pb-lg--5 {
    padding-bottom: -5px !important;
  }
  .pb-lg--10 {
    padding-bottom: -10px !important;
  }
  .pb-lg--15 {
    padding-bottom: -15px !important;
  }
  .pb-lg--20 {
    padding-bottom: -20px !important;
  }
  .pb-lg--25 {
    padding-bottom: -25px !important;
  }
  .pb-lg--30 {
    padding-bottom: -30px !important;
  }
  .pb-lg--40 {
    padding-bottom: -40px !important;
  }
  .pb-lg--50 {
    padding-bottom: -50px !important;
  }
  .pb-lg--60 {
    padding-bottom: -60px !important;
  }
  .pb-lg--70 {
    padding-bottom: -70px !important;
  }
  .pb-lg--80 {
    padding-bottom: -80px !important;
  }
  .pb-lg--90 {
    padding-bottom: -90px !important;
  }
  .pb-lg--100 {
    padding-bottom: -100px !important;
  }
  .pb-lg--120 {
    padding-bottom: -120px !important;
  }
  .pb-lg--140 {
    padding-bottom: -140px !important;
  }
  .pb-lg--160 {
    padding-bottom: -160px !important;
  }
  .pb-lg--180 {
    padding-bottom: -180px !important;
  }
  .pb-lg--200 {
    padding-bottom: -200px !important;
  }
  .pb-lg--300 {
    padding-bottom: -300px !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-5 {
    padding-left: 5px !important;
  }
  .ps-lg-10 {
    padding-left: 10px !important;
  }
  .ps-lg-15 {
    padding-left: 15px !important;
  }
  .ps-lg-20 {
    padding-left: 20px !important;
  }
  .ps-lg-25 {
    padding-left: 25px !important;
  }
  .ps-lg-30 {
    padding-left: 30px !important;
  }
  .ps-lg-40 {
    padding-left: 40px !important;
  }
  .ps-lg-50 {
    padding-left: 50px !important;
  }
  .ps-lg-60 {
    padding-left: 60px !important;
  }
  .ps-lg-70 {
    padding-left: 70px !important;
  }
  .ps-lg-80 {
    padding-left: 80px !important;
  }
  .ps-lg-90 {
    padding-left: 90px !important;
  }
  .ps-lg-100 {
    padding-left: 100px !important;
  }
  .ps-lg-120 {
    padding-left: 120px !important;
  }
  .ps-lg-130 {
    padding-left: 130px !important;
  }
  .ps-lg-140 {
    padding-left: 140px !important;
  }
  .ps-lg-160 {
    padding-left: 160px !important;
  }
  .ps-lg-180 {
    padding-left: 180px !important;
  }
  .ps-lg-200 {
    padding-left: 200px !important;
  }
  .ps-lg-300 {
    padding-left: 300px !important;
  }
  .ps-lg--5 {
    padding-left: -5px !important;
  }
  .ps-lg--10 {
    padding-left: -10px !important;
  }
  .ps-lg--15 {
    padding-left: -15px !important;
  }
  .ps-lg--20 {
    padding-left: -20px !important;
  }
  .ps-lg--25 {
    padding-left: -25px !important;
  }
  .ps-lg--30 {
    padding-left: -30px !important;
  }
  .ps-lg--40 {
    padding-left: -40px !important;
  }
  .ps-lg--50 {
    padding-left: -50px !important;
  }
  .ps-lg--60 {
    padding-left: -60px !important;
  }
  .ps-lg--70 {
    padding-left: -70px !important;
  }
  .ps-lg--80 {
    padding-left: -80px !important;
  }
  .ps-lg--90 {
    padding-left: -90px !important;
  }
  .ps-lg--100 {
    padding-left: -100px !important;
  }
  .ps-lg--120 {
    padding-left: -120px !important;
  }
  .ps-lg--140 {
    padding-left: -140px !important;
  }
  .ps-lg--160 {
    padding-left: -160px !important;
  }
  .ps-lg--180 {
    padding-left: -180px !important;
  }
  .ps-lg--200 {
    padding-left: -200px !important;
  }
  .ps-lg--300 {
    padding-left: -300px !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-5 {
    margin: 5px !important;
  }
  .m-xl-10 {
    margin: 10px !important;
  }
  .m-xl-15 {
    margin: 15px !important;
  }
  .m-xl-20 {
    margin: 20px !important;
  }
  .m-xl-25 {
    margin: 25px !important;
  }
  .m-xl-30 {
    margin: 30px !important;
  }
  .m-xl-40 {
    margin: 40px !important;
  }
  .m-xl-50 {
    margin: 50px !important;
  }
  .m-xl-60 {
    margin: 60px !important;
  }
  .m-xl-70 {
    margin: 70px !important;
  }
  .m-xl-80 {
    margin: 80px !important;
  }
  .m-xl-90 {
    margin: 90px !important;
  }
  .m-xl-100 {
    margin: 100px !important;
  }
  .m-xl-120 {
    margin: 120px !important;
  }
  .m-xl-130 {
    margin: 130px !important;
  }
  .m-xl-140 {
    margin: 140px !important;
  }
  .m-xl-160 {
    margin: 160px !important;
  }
  .m-xl-180 {
    margin: 180px !important;
  }
  .m-xl-200 {
    margin: 200px !important;
  }
  .m-xl-300 {
    margin: 300px !important;
  }
  .m-xl--5 {
    margin: -5px !important;
  }
  .m-xl--10 {
    margin: -10px !important;
  }
  .m-xl--15 {
    margin: -15px !important;
  }
  .m-xl--20 {
    margin: -20px !important;
  }
  .m-xl--25 {
    margin: -25px !important;
  }
  .m-xl--30 {
    margin: -30px !important;
  }
  .m-xl--40 {
    margin: -40px !important;
  }
  .m-xl--50 {
    margin: -50px !important;
  }
  .m-xl--60 {
    margin: -60px !important;
  }
  .m-xl--70 {
    margin: -70px !important;
  }
  .m-xl--80 {
    margin: -80px !important;
  }
  .m-xl--90 {
    margin: -90px !important;
  }
  .m-xl--100 {
    margin: -100px !important;
  }
  .m-xl--120 {
    margin: -120px !important;
  }
  .m-xl--140 {
    margin: -140px !important;
  }
  .m-xl--160 {
    margin: -160px !important;
  }
  .m-xl--180 {
    margin: -180px !important;
  }
  .m-xl--200 {
    margin: -200px !important;
  }
  .m-xl--300 {
    margin: -300px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-xl-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-xl-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-xl-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-xl-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-xl-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-xl-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-xl-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-xl-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-xl-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-xl-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-xl-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-xl-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-xl-120 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .mx-xl-130 {
    margin-right: 130px !important;
    margin-left: 130px !important;
  }
  .mx-xl-140 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .mx-xl-160 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .mx-xl-180 {
    margin-right: 180px !important;
    margin-left: 180px !important;
  }
  .mx-xl-200 {
    margin-right: 200px !important;
    margin-left: 200px !important;
  }
  .mx-xl-300 {
    margin-right: 300px !important;
    margin-left: 300px !important;
  }
  .mx-xl--5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  .mx-xl--10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .mx-xl--15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .mx-xl--20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-xl--25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .mx-xl--30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .mx-xl--40 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-xl--50 {
    margin-right: -50px !important;
    margin-left: -50px !important;
  }
  .mx-xl--60 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-xl--70 {
    margin-right: -70px !important;
    margin-left: -70px !important;
  }
  .mx-xl--80 {
    margin-right: -80px !important;
    margin-left: -80px !important;
  }
  .mx-xl--90 {
    margin-right: -90px !important;
    margin-left: -90px !important;
  }
  .mx-xl--100 {
    margin-right: -100px !important;
    margin-left: -100px !important;
  }
  .mx-xl--120 {
    margin-right: -120px !important;
    margin-left: -120px !important;
  }
  .mx-xl--140 {
    margin-right: -140px !important;
    margin-left: -140px !important;
  }
  .mx-xl--160 {
    margin-right: -160px !important;
    margin-left: -160px !important;
  }
  .mx-xl--180 {
    margin-right: -180px !important;
    margin-left: -180px !important;
  }
  .mx-xl--200 {
    margin-right: -200px !important;
    margin-left: -200px !important;
  }
  .mx-xl--300 {
    margin-right: -300px !important;
    margin-left: -300px !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-xl-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-xl-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-xl-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xl-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-xl-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-xl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xl-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-xl-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xl-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-xl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-xl-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-xl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-xl-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .my-xl-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .my-xl-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .my-xl-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .my-xl-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
  .my-xl-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .my-xl-300 {
    margin-top: 300px !important;
    margin-bottom: 300px !important;
  }
  .my-xl--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .my-xl--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .my-xl--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .my-xl--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-xl--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .my-xl--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .my-xl--40 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-xl--50 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }
  .my-xl--60 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-xl--70 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }
  .my-xl--80 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
  .my-xl--90 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }
  .my-xl--100 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }
  .my-xl--120 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }
  .my-xl--140 {
    margin-top: -140px !important;
    margin-bottom: -140px !important;
  }
  .my-xl--160 {
    margin-top: -160px !important;
    margin-bottom: -160px !important;
  }
  .my-xl--180 {
    margin-top: -180px !important;
    margin-bottom: -180px !important;
  }
  .my-xl--200 {
    margin-top: -200px !important;
    margin-bottom: -200px !important;
  }
  .my-xl--300 {
    margin-top: -300px !important;
    margin-bottom: -300px !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-5 {
    margin-top: 5px !important;
  }
  .mt-xl-10 {
    margin-top: 10px !important;
  }
  .mt-xl-15 {
    margin-top: 15px !important;
  }
  .mt-xl-20 {
    margin-top: 20px !important;
  }
  .mt-xl-25 {
    margin-top: 25px !important;
  }
  .mt-xl-30 {
    margin-top: 30px !important;
  }
  .mt-xl-40 {
    margin-top: 40px !important;
  }
  .mt-xl-50 {
    margin-top: 50px !important;
  }
  .mt-xl-60 {
    margin-top: 60px !important;
  }
  .mt-xl-70 {
    margin-top: 70px !important;
  }
  .mt-xl-80 {
    margin-top: 80px !important;
  }
  .mt-xl-90 {
    margin-top: 90px !important;
  }
  .mt-xl-100 {
    margin-top: 100px !important;
  }
  .mt-xl-120 {
    margin-top: 120px !important;
  }
  .mt-xl-130 {
    margin-top: 130px !important;
  }
  .mt-xl-140 {
    margin-top: 140px !important;
  }
  .mt-xl-160 {
    margin-top: 160px !important;
  }
  .mt-xl-180 {
    margin-top: 180px !important;
  }
  .mt-xl-200 {
    margin-top: 200px !important;
  }
  .mt-xl-300 {
    margin-top: 300px !important;
  }
  .mt-xl--5 {
    margin-top: -5px !important;
  }
  .mt-xl--10 {
    margin-top: -10px !important;
  }
  .mt-xl--15 {
    margin-top: -15px !important;
  }
  .mt-xl--20 {
    margin-top: -20px !important;
  }
  .mt-xl--25 {
    margin-top: -25px !important;
  }
  .mt-xl--30 {
    margin-top: -30px !important;
  }
  .mt-xl--40 {
    margin-top: -40px !important;
  }
  .mt-xl--50 {
    margin-top: -50px !important;
  }
  .mt-xl--60 {
    margin-top: -60px !important;
  }
  .mt-xl--70 {
    margin-top: -70px !important;
  }
  .mt-xl--80 {
    margin-top: -80px !important;
  }
  .mt-xl--90 {
    margin-top: -90px !important;
  }
  .mt-xl--100 {
    margin-top: -100px !important;
  }
  .mt-xl--120 {
    margin-top: -120px !important;
  }
  .mt-xl--140 {
    margin-top: -140px !important;
  }
  .mt-xl--160 {
    margin-top: -160px !important;
  }
  .mt-xl--180 {
    margin-top: -180px !important;
  }
  .mt-xl--200 {
    margin-top: -200px !important;
  }
  .mt-xl--300 {
    margin-top: -300px !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-5 {
    margin-right: 5px !important;
  }
  .me-xl-10 {
    margin-right: 10px !important;
  }
  .me-xl-15 {
    margin-right: 15px !important;
  }
  .me-xl-20 {
    margin-right: 20px !important;
  }
  .me-xl-25 {
    margin-right: 25px !important;
  }
  .me-xl-30 {
    margin-right: 30px !important;
  }
  .me-xl-40 {
    margin-right: 40px !important;
  }
  .me-xl-50 {
    margin-right: 50px !important;
  }
  .me-xl-60 {
    margin-right: 60px !important;
  }
  .me-xl-70 {
    margin-right: 70px !important;
  }
  .me-xl-80 {
    margin-right: 80px !important;
  }
  .me-xl-90 {
    margin-right: 90px !important;
  }
  .me-xl-100 {
    margin-right: 100px !important;
  }
  .me-xl-120 {
    margin-right: 120px !important;
  }
  .me-xl-130 {
    margin-right: 130px !important;
  }
  .me-xl-140 {
    margin-right: 140px !important;
  }
  .me-xl-160 {
    margin-right: 160px !important;
  }
  .me-xl-180 {
    margin-right: 180px !important;
  }
  .me-xl-200 {
    margin-right: 200px !important;
  }
  .me-xl-300 {
    margin-right: 300px !important;
  }
  .me-xl--5 {
    margin-right: -5px !important;
  }
  .me-xl--10 {
    margin-right: -10px !important;
  }
  .me-xl--15 {
    margin-right: -15px !important;
  }
  .me-xl--20 {
    margin-right: -20px !important;
  }
  .me-xl--25 {
    margin-right: -25px !important;
  }
  .me-xl--30 {
    margin-right: -30px !important;
  }
  .me-xl--40 {
    margin-right: -40px !important;
  }
  .me-xl--50 {
    margin-right: -50px !important;
  }
  .me-xl--60 {
    margin-right: -60px !important;
  }
  .me-xl--70 {
    margin-right: -70px !important;
  }
  .me-xl--80 {
    margin-right: -80px !important;
  }
  .me-xl--90 {
    margin-right: -90px !important;
  }
  .me-xl--100 {
    margin-right: -100px !important;
  }
  .me-xl--120 {
    margin-right: -120px !important;
  }
  .me-xl--140 {
    margin-right: -140px !important;
  }
  .me-xl--160 {
    margin-right: -160px !important;
  }
  .me-xl--180 {
    margin-right: -180px !important;
  }
  .me-xl--200 {
    margin-right: -200px !important;
  }
  .me-xl--300 {
    margin-right: -300px !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-5 {
    margin-bottom: 5px !important;
  }
  .mb-xl-10 {
    margin-bottom: 10px !important;
  }
  .mb-xl-15 {
    margin-bottom: 15px !important;
  }
  .mb-xl-20 {
    margin-bottom: 20px !important;
  }
  .mb-xl-25 {
    margin-bottom: 25px !important;
  }
  .mb-xl-30 {
    margin-bottom: 30px !important;
  }
  .mb-xl-40 {
    margin-bottom: 40px !important;
  }
  .mb-xl-50 {
    margin-bottom: 50px !important;
  }
  .mb-xl-60 {
    margin-bottom: 60px !important;
  }
  .mb-xl-70 {
    margin-bottom: 70px !important;
  }
  .mb-xl-80 {
    margin-bottom: 80px !important;
  }
  .mb-xl-90 {
    margin-bottom: 90px !important;
  }
  .mb-xl-100 {
    margin-bottom: 100px !important;
  }
  .mb-xl-120 {
    margin-bottom: 120px !important;
  }
  .mb-xl-130 {
    margin-bottom: 130px !important;
  }
  .mb-xl-140 {
    margin-bottom: 140px !important;
  }
  .mb-xl-160 {
    margin-bottom: 160px !important;
  }
  .mb-xl-180 {
    margin-bottom: 180px !important;
  }
  .mb-xl-200 {
    margin-bottom: 200px !important;
  }
  .mb-xl-300 {
    margin-bottom: 300px !important;
  }
  .mb-xl--5 {
    margin-bottom: -5px !important;
  }
  .mb-xl--10 {
    margin-bottom: -10px !important;
  }
  .mb-xl--15 {
    margin-bottom: -15px !important;
  }
  .mb-xl--20 {
    margin-bottom: -20px !important;
  }
  .mb-xl--25 {
    margin-bottom: -25px !important;
  }
  .mb-xl--30 {
    margin-bottom: -30px !important;
  }
  .mb-xl--40 {
    margin-bottom: -40px !important;
  }
  .mb-xl--50 {
    margin-bottom: -50px !important;
  }
  .mb-xl--60 {
    margin-bottom: -60px !important;
  }
  .mb-xl--70 {
    margin-bottom: -70px !important;
  }
  .mb-xl--80 {
    margin-bottom: -80px !important;
  }
  .mb-xl--90 {
    margin-bottom: -90px !important;
  }
  .mb-xl--100 {
    margin-bottom: -100px !important;
  }
  .mb-xl--120 {
    margin-bottom: -120px !important;
  }
  .mb-xl--140 {
    margin-bottom: -140px !important;
  }
  .mb-xl--160 {
    margin-bottom: -160px !important;
  }
  .mb-xl--180 {
    margin-bottom: -180px !important;
  }
  .mb-xl--200 {
    margin-bottom: -200px !important;
  }
  .mb-xl--300 {
    margin-bottom: -300px !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-5 {
    margin-left: 5px !important;
  }
  .ms-xl-10 {
    margin-left: 10px !important;
  }
  .ms-xl-15 {
    margin-left: 15px !important;
  }
  .ms-xl-20 {
    margin-left: 20px !important;
  }
  .ms-xl-25 {
    margin-left: 25px !important;
  }
  .ms-xl-30 {
    margin-left: 30px !important;
  }
  .ms-xl-40 {
    margin-left: 40px !important;
  }
  .ms-xl-50 {
    margin-left: 50px !important;
  }
  .ms-xl-60 {
    margin-left: 60px !important;
  }
  .ms-xl-70 {
    margin-left: 70px !important;
  }
  .ms-xl-80 {
    margin-left: 80px !important;
  }
  .ms-xl-90 {
    margin-left: 90px !important;
  }
  .ms-xl-100 {
    margin-left: 100px !important;
  }
  .ms-xl-120 {
    margin-left: 120px !important;
  }
  .ms-xl-130 {
    margin-left: 130px !important;
  }
  .ms-xl-140 {
    margin-left: 140px !important;
  }
  .ms-xl-160 {
    margin-left: 160px !important;
  }
  .ms-xl-180 {
    margin-left: 180px !important;
  }
  .ms-xl-200 {
    margin-left: 200px !important;
  }
  .ms-xl-300 {
    margin-left: 300px !important;
  }
  .ms-xl--5 {
    margin-left: -5px !important;
  }
  .ms-xl--10 {
    margin-left: -10px !important;
  }
  .ms-xl--15 {
    margin-left: -15px !important;
  }
  .ms-xl--20 {
    margin-left: -20px !important;
  }
  .ms-xl--25 {
    margin-left: -25px !important;
  }
  .ms-xl--30 {
    margin-left: -30px !important;
  }
  .ms-xl--40 {
    margin-left: -40px !important;
  }
  .ms-xl--50 {
    margin-left: -50px !important;
  }
  .ms-xl--60 {
    margin-left: -60px !important;
  }
  .ms-xl--70 {
    margin-left: -70px !important;
  }
  .ms-xl--80 {
    margin-left: -80px !important;
  }
  .ms-xl--90 {
    margin-left: -90px !important;
  }
  .ms-xl--100 {
    margin-left: -100px !important;
  }
  .ms-xl--120 {
    margin-left: -120px !important;
  }
  .ms-xl--140 {
    margin-left: -140px !important;
  }
  .ms-xl--160 {
    margin-left: -160px !important;
  }
  .ms-xl--180 {
    margin-left: -180px !important;
  }
  .ms-xl--200 {
    margin-left: -200px !important;
  }
  .ms-xl--300 {
    margin-left: -300px !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-5 {
    padding: 5px !important;
  }
  .p-xl-10 {
    padding: 10px !important;
  }
  .p-xl-15 {
    padding: 15px !important;
  }
  .p-xl-20 {
    padding: 20px !important;
  }
  .p-xl-25 {
    padding: 25px !important;
  }
  .p-xl-30 {
    padding: 30px !important;
  }
  .p-xl-40 {
    padding: 40px !important;
  }
  .p-xl-50 {
    padding: 50px !important;
  }
  .p-xl-60 {
    padding: 60px !important;
  }
  .p-xl-70 {
    padding: 70px !important;
  }
  .p-xl-80 {
    padding: 80px !important;
  }
  .p-xl-90 {
    padding: 90px !important;
  }
  .p-xl-100 {
    padding: 100px !important;
  }
  .p-xl-120 {
    padding: 120px !important;
  }
  .p-xl-130 {
    padding: 130px !important;
  }
  .p-xl-140 {
    padding: 140px !important;
  }
  .p-xl-160 {
    padding: 160px !important;
  }
  .p-xl-180 {
    padding: 180px !important;
  }
  .p-xl-200 {
    padding: 200px !important;
  }
  .p-xl-300 {
    padding: 300px !important;
  }
  .p-xl--5 {
    padding: -5px !important;
  }
  .p-xl--10 {
    padding: -10px !important;
  }
  .p-xl--15 {
    padding: -15px !important;
  }
  .p-xl--20 {
    padding: -20px !important;
  }
  .p-xl--25 {
    padding: -25px !important;
  }
  .p-xl--30 {
    padding: -30px !important;
  }
  .p-xl--40 {
    padding: -40px !important;
  }
  .p-xl--50 {
    padding: -50px !important;
  }
  .p-xl--60 {
    padding: -60px !important;
  }
  .p-xl--70 {
    padding: -70px !important;
  }
  .p-xl--80 {
    padding: -80px !important;
  }
  .p-xl--90 {
    padding: -90px !important;
  }
  .p-xl--100 {
    padding: -100px !important;
  }
  .p-xl--120 {
    padding: -120px !important;
  }
  .p-xl--140 {
    padding: -140px !important;
  }
  .p-xl--160 {
    padding: -160px !important;
  }
  .p-xl--180 {
    padding: -180px !important;
  }
  .p-xl--200 {
    padding: -200px !important;
  }
  .p-xl--300 {
    padding: -300px !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-xl-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-xl-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-xl-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xl-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-xl-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-xl-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-xl-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-xl-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-xl-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-xl-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-xl-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-xl-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .px-xl-120 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .px-xl-130 {
    padding-right: 130px !important;
    padding-left: 130px !important;
  }
  .px-xl-140 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .px-xl-160 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .px-xl-180 {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .px-xl-200 {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
  .px-xl-300 {
    padding-right: 300px !important;
    padding-left: 300px !important;
  }
  .px-xl--5 {
    padding-right: -5px !important;
    padding-left: -5px !important;
  }
  .px-xl--10 {
    padding-right: -10px !important;
    padding-left: -10px !important;
  }
  .px-xl--15 {
    padding-right: -15px !important;
    padding-left: -15px !important;
  }
  .px-xl--20 {
    padding-right: -20px !important;
    padding-left: -20px !important;
  }
  .px-xl--25 {
    padding-right: -25px !important;
    padding-left: -25px !important;
  }
  .px-xl--30 {
    padding-right: -30px !important;
    padding-left: -30px !important;
  }
  .px-xl--40 {
    padding-right: -40px !important;
    padding-left: -40px !important;
  }
  .px-xl--50 {
    padding-right: -50px !important;
    padding-left: -50px !important;
  }
  .px-xl--60 {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .px-xl--70 {
    padding-right: -70px !important;
    padding-left: -70px !important;
  }
  .px-xl--80 {
    padding-right: -80px !important;
    padding-left: -80px !important;
  }
  .px-xl--90 {
    padding-right: -90px !important;
    padding-left: -90px !important;
  }
  .px-xl--100 {
    padding-right: -100px !important;
    padding-left: -100px !important;
  }
  .px-xl--120 {
    padding-right: -120px !important;
    padding-left: -120px !important;
  }
  .px-xl--140 {
    padding-right: -140px !important;
    padding-left: -140px !important;
  }
  .px-xl--160 {
    padding-right: -160px !important;
    padding-left: -160px !important;
  }
  .px-xl--180 {
    padding-right: -180px !important;
    padding-left: -180px !important;
  }
  .px-xl--200 {
    padding-right: -200px !important;
    padding-left: -200px !important;
  }
  .px-xl--300 {
    padding-right: -300px !important;
    padding-left: -300px !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-xl-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-xl-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-xl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xl-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-xl-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-xl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xl-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-xl-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xl-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-xl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-xl-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-xl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .py-xl-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .py-xl-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .py-xl-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .py-xl-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .py-xl-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .py-xl-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .py-xl-300 {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .py-xl--5 {
    padding-top: -5px !important;
    padding-bottom: -5px !important;
  }
  .py-xl--10 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }
  .py-xl--15 {
    padding-top: -15px !important;
    padding-bottom: -15px !important;
  }
  .py-xl--20 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }
  .py-xl--25 {
    padding-top: -25px !important;
    padding-bottom: -25px !important;
  }
  .py-xl--30 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }
  .py-xl--40 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }
  .py-xl--50 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }
  .py-xl--60 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .py-xl--70 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }
  .py-xl--80 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }
  .py-xl--90 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }
  .py-xl--100 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }
  .py-xl--120 {
    padding-top: -120px !important;
    padding-bottom: -120px !important;
  }
  .py-xl--140 {
    padding-top: -140px !important;
    padding-bottom: -140px !important;
  }
  .py-xl--160 {
    padding-top: -160px !important;
    padding-bottom: -160px !important;
  }
  .py-xl--180 {
    padding-top: -180px !important;
    padding-bottom: -180px !important;
  }
  .py-xl--200 {
    padding-top: -200px !important;
    padding-bottom: -200px !important;
  }
  .py-xl--300 {
    padding-top: -300px !important;
    padding-bottom: -300px !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-5 {
    padding-top: 5px !important;
  }
  .pt-xl-10 {
    padding-top: 10px !important;
  }
  .pt-xl-15 {
    padding-top: 15px !important;
  }
  .pt-xl-20 {
    padding-top: 20px !important;
  }
  .pt-xl-25 {
    padding-top: 25px !important;
  }
  .pt-xl-30 {
    padding-top: 30px !important;
  }
  .pt-xl-40 {
    padding-top: 40px !important;
  }
  .pt-xl-50 {
    padding-top: 50px !important;
  }
  .pt-xl-60 {
    padding-top: 60px !important;
  }
  .pt-xl-70 {
    padding-top: 70px !important;
  }
  .pt-xl-80 {
    padding-top: 80px !important;
  }
  .pt-xl-90 {
    padding-top: 90px !important;
  }
  .pt-xl-100 {
    padding-top: 100px !important;
  }
  .pt-xl-120 {
    padding-top: 120px !important;
  }
  .pt-xl-130 {
    padding-top: 130px !important;
  }
  .pt-xl-140 {
    padding-top: 140px !important;
  }
  .pt-xl-160 {
    padding-top: 160px !important;
  }
  .pt-xl-180 {
    padding-top: 180px !important;
  }
  .pt-xl-200 {
    padding-top: 200px !important;
  }
  .pt-xl-300 {
    padding-top: 300px !important;
  }
  .pt-xl--5 {
    padding-top: -5px !important;
  }
  .pt-xl--10 {
    padding-top: -10px !important;
  }
  .pt-xl--15 {
    padding-top: -15px !important;
  }
  .pt-xl--20 {
    padding-top: -20px !important;
  }
  .pt-xl--25 {
    padding-top: -25px !important;
  }
  .pt-xl--30 {
    padding-top: -30px !important;
  }
  .pt-xl--40 {
    padding-top: -40px !important;
  }
  .pt-xl--50 {
    padding-top: -50px !important;
  }
  .pt-xl--60 {
    padding-top: -60px !important;
  }
  .pt-xl--70 {
    padding-top: -70px !important;
  }
  .pt-xl--80 {
    padding-top: -80px !important;
  }
  .pt-xl--90 {
    padding-top: -90px !important;
  }
  .pt-xl--100 {
    padding-top: -100px !important;
  }
  .pt-xl--120 {
    padding-top: -120px !important;
  }
  .pt-xl--140 {
    padding-top: -140px !important;
  }
  .pt-xl--160 {
    padding-top: -160px !important;
  }
  .pt-xl--180 {
    padding-top: -180px !important;
  }
  .pt-xl--200 {
    padding-top: -200px !important;
  }
  .pt-xl--300 {
    padding-top: -300px !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-5 {
    padding-right: 5px !important;
  }
  .pe-xl-10 {
    padding-right: 10px !important;
  }
  .pe-xl-15 {
    padding-right: 15px !important;
  }
  .pe-xl-20 {
    padding-right: 20px !important;
  }
  .pe-xl-25 {
    padding-right: 25px !important;
  }
  .pe-xl-30 {
    padding-right: 30px !important;
  }
  .pe-xl-40 {
    padding-right: 40px !important;
  }
  .pe-xl-50 {
    padding-right: 50px !important;
  }
  .pe-xl-60 {
    padding-right: 60px !important;
  }
  .pe-xl-70 {
    padding-right: 70px !important;
  }
  .pe-xl-80 {
    padding-right: 80px !important;
  }
  .pe-xl-90 {
    padding-right: 90px !important;
  }
  .pe-xl-100 {
    padding-right: 100px !important;
  }
  .pe-xl-120 {
    padding-right: 120px !important;
  }
  .pe-xl-130 {
    padding-right: 130px !important;
  }
  .pe-xl-140 {
    padding-right: 140px !important;
  }
  .pe-xl-160 {
    padding-right: 160px !important;
  }
  .pe-xl-180 {
    padding-right: 180px !important;
  }
  .pe-xl-200 {
    padding-right: 200px !important;
  }
  .pe-xl-300 {
    padding-right: 300px !important;
  }
  .pe-xl--5 {
    padding-right: -5px !important;
  }
  .pe-xl--10 {
    padding-right: -10px !important;
  }
  .pe-xl--15 {
    padding-right: -15px !important;
  }
  .pe-xl--20 {
    padding-right: -20px !important;
  }
  .pe-xl--25 {
    padding-right: -25px !important;
  }
  .pe-xl--30 {
    padding-right: -30px !important;
  }
  .pe-xl--40 {
    padding-right: -40px !important;
  }
  .pe-xl--50 {
    padding-right: -50px !important;
  }
  .pe-xl--60 {
    padding-right: -60px !important;
  }
  .pe-xl--70 {
    padding-right: -70px !important;
  }
  .pe-xl--80 {
    padding-right: -80px !important;
  }
  .pe-xl--90 {
    padding-right: -90px !important;
  }
  .pe-xl--100 {
    padding-right: -100px !important;
  }
  .pe-xl--120 {
    padding-right: -120px !important;
  }
  .pe-xl--140 {
    padding-right: -140px !important;
  }
  .pe-xl--160 {
    padding-right: -160px !important;
  }
  .pe-xl--180 {
    padding-right: -180px !important;
  }
  .pe-xl--200 {
    padding-right: -200px !important;
  }
  .pe-xl--300 {
    padding-right: -300px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-5 {
    padding-bottom: 5px !important;
  }
  .pb-xl-10 {
    padding-bottom: 10px !important;
  }
  .pb-xl-15 {
    padding-bottom: 15px !important;
  }
  .pb-xl-20 {
    padding-bottom: 20px !important;
  }
  .pb-xl-25 {
    padding-bottom: 25px !important;
  }
  .pb-xl-30 {
    padding-bottom: 30px !important;
  }
  .pb-xl-40 {
    padding-bottom: 40px !important;
  }
  .pb-xl-50 {
    padding-bottom: 50px !important;
  }
  .pb-xl-60 {
    padding-bottom: 60px !important;
  }
  .pb-xl-70 {
    padding-bottom: 70px !important;
  }
  .pb-xl-80 {
    padding-bottom: 80px !important;
  }
  .pb-xl-90 {
    padding-bottom: 90px !important;
  }
  .pb-xl-100 {
    padding-bottom: 100px !important;
  }
  .pb-xl-120 {
    padding-bottom: 120px !important;
  }
  .pb-xl-130 {
    padding-bottom: 130px !important;
  }
  .pb-xl-140 {
    padding-bottom: 140px !important;
  }
  .pb-xl-160 {
    padding-bottom: 160px !important;
  }
  .pb-xl-180 {
    padding-bottom: 180px !important;
  }
  .pb-xl-200 {
    padding-bottom: 200px !important;
  }
  .pb-xl-300 {
    padding-bottom: 300px !important;
  }
  .pb-xl--5 {
    padding-bottom: -5px !important;
  }
  .pb-xl--10 {
    padding-bottom: -10px !important;
  }
  .pb-xl--15 {
    padding-bottom: -15px !important;
  }
  .pb-xl--20 {
    padding-bottom: -20px !important;
  }
  .pb-xl--25 {
    padding-bottom: -25px !important;
  }
  .pb-xl--30 {
    padding-bottom: -30px !important;
  }
  .pb-xl--40 {
    padding-bottom: -40px !important;
  }
  .pb-xl--50 {
    padding-bottom: -50px !important;
  }
  .pb-xl--60 {
    padding-bottom: -60px !important;
  }
  .pb-xl--70 {
    padding-bottom: -70px !important;
  }
  .pb-xl--80 {
    padding-bottom: -80px !important;
  }
  .pb-xl--90 {
    padding-bottom: -90px !important;
  }
  .pb-xl--100 {
    padding-bottom: -100px !important;
  }
  .pb-xl--120 {
    padding-bottom: -120px !important;
  }
  .pb-xl--140 {
    padding-bottom: -140px !important;
  }
  .pb-xl--160 {
    padding-bottom: -160px !important;
  }
  .pb-xl--180 {
    padding-bottom: -180px !important;
  }
  .pb-xl--200 {
    padding-bottom: -200px !important;
  }
  .pb-xl--300 {
    padding-bottom: -300px !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-5 {
    padding-left: 5px !important;
  }
  .ps-xl-10 {
    padding-left: 10px !important;
  }
  .ps-xl-15 {
    padding-left: 15px !important;
  }
  .ps-xl-20 {
    padding-left: 20px !important;
  }
  .ps-xl-25 {
    padding-left: 25px !important;
  }
  .ps-xl-30 {
    padding-left: 30px !important;
  }
  .ps-xl-40 {
    padding-left: 40px !important;
  }
  .ps-xl-50 {
    padding-left: 50px !important;
  }
  .ps-xl-60 {
    padding-left: 60px !important;
  }
  .ps-xl-70 {
    padding-left: 70px !important;
  }
  .ps-xl-80 {
    padding-left: 80px !important;
  }
  .ps-xl-90 {
    padding-left: 90px !important;
  }
  .ps-xl-100 {
    padding-left: 100px !important;
  }
  .ps-xl-120 {
    padding-left: 120px !important;
  }
  .ps-xl-130 {
    padding-left: 130px !important;
  }
  .ps-xl-140 {
    padding-left: 140px !important;
  }
  .ps-xl-160 {
    padding-left: 160px !important;
  }
  .ps-xl-180 {
    padding-left: 180px !important;
  }
  .ps-xl-200 {
    padding-left: 200px !important;
  }
  .ps-xl-300 {
    padding-left: 300px !important;
  }
  .ps-xl--5 {
    padding-left: -5px !important;
  }
  .ps-xl--10 {
    padding-left: -10px !important;
  }
  .ps-xl--15 {
    padding-left: -15px !important;
  }
  .ps-xl--20 {
    padding-left: -20px !important;
  }
  .ps-xl--25 {
    padding-left: -25px !important;
  }
  .ps-xl--30 {
    padding-left: -30px !important;
  }
  .ps-xl--40 {
    padding-left: -40px !important;
  }
  .ps-xl--50 {
    padding-left: -50px !important;
  }
  .ps-xl--60 {
    padding-left: -60px !important;
  }
  .ps-xl--70 {
    padding-left: -70px !important;
  }
  .ps-xl--80 {
    padding-left: -80px !important;
  }
  .ps-xl--90 {
    padding-left: -90px !important;
  }
  .ps-xl--100 {
    padding-left: -100px !important;
  }
  .ps-xl--120 {
    padding-left: -120px !important;
  }
  .ps-xl--140 {
    padding-left: -140px !important;
  }
  .ps-xl--160 {
    padding-left: -160px !important;
  }
  .ps-xl--180 {
    padding-left: -180px !important;
  }
  .ps-xl--200 {
    padding-left: -200px !important;
  }
  .ps-xl--300 {
    padding-left: -300px !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-5 {
    margin: 5px !important;
  }
  .m-xxl-10 {
    margin: 10px !important;
  }
  .m-xxl-15 {
    margin: 15px !important;
  }
  .m-xxl-20 {
    margin: 20px !important;
  }
  .m-xxl-25 {
    margin: 25px !important;
  }
  .m-xxl-30 {
    margin: 30px !important;
  }
  .m-xxl-40 {
    margin: 40px !important;
  }
  .m-xxl-50 {
    margin: 50px !important;
  }
  .m-xxl-60 {
    margin: 60px !important;
  }
  .m-xxl-70 {
    margin: 70px !important;
  }
  .m-xxl-80 {
    margin: 80px !important;
  }
  .m-xxl-90 {
    margin: 90px !important;
  }
  .m-xxl-100 {
    margin: 100px !important;
  }
  .m-xxl-120 {
    margin: 120px !important;
  }
  .m-xxl-130 {
    margin: 130px !important;
  }
  .m-xxl-140 {
    margin: 140px !important;
  }
  .m-xxl-160 {
    margin: 160px !important;
  }
  .m-xxl-180 {
    margin: 180px !important;
  }
  .m-xxl-200 {
    margin: 200px !important;
  }
  .m-xxl-300 {
    margin: 300px !important;
  }
  .m-xxl--5 {
    margin: -5px !important;
  }
  .m-xxl--10 {
    margin: -10px !important;
  }
  .m-xxl--15 {
    margin: -15px !important;
  }
  .m-xxl--20 {
    margin: -20px !important;
  }
  .m-xxl--25 {
    margin: -25px !important;
  }
  .m-xxl--30 {
    margin: -30px !important;
  }
  .m-xxl--40 {
    margin: -40px !important;
  }
  .m-xxl--50 {
    margin: -50px !important;
  }
  .m-xxl--60 {
    margin: -60px !important;
  }
  .m-xxl--70 {
    margin: -70px !important;
  }
  .m-xxl--80 {
    margin: -80px !important;
  }
  .m-xxl--90 {
    margin: -90px !important;
  }
  .m-xxl--100 {
    margin: -100px !important;
  }
  .m-xxl--120 {
    margin: -120px !important;
  }
  .m-xxl--140 {
    margin: -140px !important;
  }
  .m-xxl--160 {
    margin: -160px !important;
  }
  .m-xxl--180 {
    margin: -180px !important;
  }
  .m-xxl--200 {
    margin: -200px !important;
  }
  .m-xxl--300 {
    margin: -300px !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-xxl-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-xxl-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-xxl-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-xxl-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-xxl-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-xxl-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-xxl-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-xxl-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-xxl-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-xxl-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-xxl-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-xxl-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-xxl-120 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .mx-xxl-130 {
    margin-right: 130px !important;
    margin-left: 130px !important;
  }
  .mx-xxl-140 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .mx-xxl-160 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .mx-xxl-180 {
    margin-right: 180px !important;
    margin-left: 180px !important;
  }
  .mx-xxl-200 {
    margin-right: 200px !important;
    margin-left: 200px !important;
  }
  .mx-xxl-300 {
    margin-right: 300px !important;
    margin-left: 300px !important;
  }
  .mx-xxl--5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  .mx-xxl--10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .mx-xxl--15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .mx-xxl--20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-xxl--25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .mx-xxl--30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .mx-xxl--40 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-xxl--50 {
    margin-right: -50px !important;
    margin-left: -50px !important;
  }
  .mx-xxl--60 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-xxl--70 {
    margin-right: -70px !important;
    margin-left: -70px !important;
  }
  .mx-xxl--80 {
    margin-right: -80px !important;
    margin-left: -80px !important;
  }
  .mx-xxl--90 {
    margin-right: -90px !important;
    margin-left: -90px !important;
  }
  .mx-xxl--100 {
    margin-right: -100px !important;
    margin-left: -100px !important;
  }
  .mx-xxl--120 {
    margin-right: -120px !important;
    margin-left: -120px !important;
  }
  .mx-xxl--140 {
    margin-right: -140px !important;
    margin-left: -140px !important;
  }
  .mx-xxl--160 {
    margin-right: -160px !important;
    margin-left: -160px !important;
  }
  .mx-xxl--180 {
    margin-right: -180px !important;
    margin-left: -180px !important;
  }
  .mx-xxl--200 {
    margin-right: -200px !important;
    margin-left: -200px !important;
  }
  .mx-xxl--300 {
    margin-right: -300px !important;
    margin-left: -300px !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-xxl-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-xxl-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-xxl-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xxl-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-xxl-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-xxl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xxl-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-xxl-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xxl-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-xxl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-xxl-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-xxl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-xxl-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .my-xxl-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .my-xxl-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .my-xxl-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .my-xxl-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
  .my-xxl-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .my-xxl-300 {
    margin-top: 300px !important;
    margin-bottom: 300px !important;
  }
  .my-xxl--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .my-xxl--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .my-xxl--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .my-xxl--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-xxl--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .my-xxl--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .my-xxl--40 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-xxl--50 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }
  .my-xxl--60 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-xxl--70 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }
  .my-xxl--80 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
  .my-xxl--90 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }
  .my-xxl--100 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }
  .my-xxl--120 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }
  .my-xxl--140 {
    margin-top: -140px !important;
    margin-bottom: -140px !important;
  }
  .my-xxl--160 {
    margin-top: -160px !important;
    margin-bottom: -160px !important;
  }
  .my-xxl--180 {
    margin-top: -180px !important;
    margin-bottom: -180px !important;
  }
  .my-xxl--200 {
    margin-top: -200px !important;
    margin-bottom: -200px !important;
  }
  .my-xxl--300 {
    margin-top: -300px !important;
    margin-bottom: -300px !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-5 {
    margin-top: 5px !important;
  }
  .mt-xxl-10 {
    margin-top: 10px !important;
  }
  .mt-xxl-15 {
    margin-top: 15px !important;
  }
  .mt-xxl-20 {
    margin-top: 20px !important;
  }
  .mt-xxl-25 {
    margin-top: 25px !important;
  }
  .mt-xxl-30 {
    margin-top: 30px !important;
  }
  .mt-xxl-40 {
    margin-top: 40px !important;
  }
  .mt-xxl-50 {
    margin-top: 50px !important;
  }
  .mt-xxl-60 {
    margin-top: 60px !important;
  }
  .mt-xxl-70 {
    margin-top: 70px !important;
  }
  .mt-xxl-80 {
    margin-top: 80px !important;
  }
  .mt-xxl-90 {
    margin-top: 90px !important;
  }
  .mt-xxl-100 {
    margin-top: 100px !important;
  }
  .mt-xxl-120 {
    margin-top: 120px !important;
  }
  .mt-xxl-130 {
    margin-top: 130px !important;
  }
  .mt-xxl-140 {
    margin-top: 140px !important;
  }
  .mt-xxl-160 {
    margin-top: 160px !important;
  }
  .mt-xxl-180 {
    margin-top: 180px !important;
  }
  .mt-xxl-200 {
    margin-top: 200px !important;
  }
  .mt-xxl-300 {
    margin-top: 300px !important;
  }
  .mt-xxl--5 {
    margin-top: -5px !important;
  }
  .mt-xxl--10 {
    margin-top: -10px !important;
  }
  .mt-xxl--15 {
    margin-top: -15px !important;
  }
  .mt-xxl--20 {
    margin-top: -20px !important;
  }
  .mt-xxl--25 {
    margin-top: -25px !important;
  }
  .mt-xxl--30 {
    margin-top: -30px !important;
  }
  .mt-xxl--40 {
    margin-top: -40px !important;
  }
  .mt-xxl--50 {
    margin-top: -50px !important;
  }
  .mt-xxl--60 {
    margin-top: -60px !important;
  }
  .mt-xxl--70 {
    margin-top: -70px !important;
  }
  .mt-xxl--80 {
    margin-top: -80px !important;
  }
  .mt-xxl--90 {
    margin-top: -90px !important;
  }
  .mt-xxl--100 {
    margin-top: -100px !important;
  }
  .mt-xxl--120 {
    margin-top: -120px !important;
  }
  .mt-xxl--140 {
    margin-top: -140px !important;
  }
  .mt-xxl--160 {
    margin-top: -160px !important;
  }
  .mt-xxl--180 {
    margin-top: -180px !important;
  }
  .mt-xxl--200 {
    margin-top: -200px !important;
  }
  .mt-xxl--300 {
    margin-top: -300px !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-5 {
    margin-right: 5px !important;
  }
  .me-xxl-10 {
    margin-right: 10px !important;
  }
  .me-xxl-15 {
    margin-right: 15px !important;
  }
  .me-xxl-20 {
    margin-right: 20px !important;
  }
  .me-xxl-25 {
    margin-right: 25px !important;
  }
  .me-xxl-30 {
    margin-right: 30px !important;
  }
  .me-xxl-40 {
    margin-right: 40px !important;
  }
  .me-xxl-50 {
    margin-right: 50px !important;
  }
  .me-xxl-60 {
    margin-right: 60px !important;
  }
  .me-xxl-70 {
    margin-right: 70px !important;
  }
  .me-xxl-80 {
    margin-right: 80px !important;
  }
  .me-xxl-90 {
    margin-right: 90px !important;
  }
  .me-xxl-100 {
    margin-right: 100px !important;
  }
  .me-xxl-120 {
    margin-right: 120px !important;
  }
  .me-xxl-130 {
    margin-right: 130px !important;
  }
  .me-xxl-140 {
    margin-right: 140px !important;
  }
  .me-xxl-160 {
    margin-right: 160px !important;
  }
  .me-xxl-180 {
    margin-right: 180px !important;
  }
  .me-xxl-200 {
    margin-right: 200px !important;
  }
  .me-xxl-300 {
    margin-right: 300px !important;
  }
  .me-xxl--5 {
    margin-right: -5px !important;
  }
  .me-xxl--10 {
    margin-right: -10px !important;
  }
  .me-xxl--15 {
    margin-right: -15px !important;
  }
  .me-xxl--20 {
    margin-right: -20px !important;
  }
  .me-xxl--25 {
    margin-right: -25px !important;
  }
  .me-xxl--30 {
    margin-right: -30px !important;
  }
  .me-xxl--40 {
    margin-right: -40px !important;
  }
  .me-xxl--50 {
    margin-right: -50px !important;
  }
  .me-xxl--60 {
    margin-right: -60px !important;
  }
  .me-xxl--70 {
    margin-right: -70px !important;
  }
  .me-xxl--80 {
    margin-right: -80px !important;
  }
  .me-xxl--90 {
    margin-right: -90px !important;
  }
  .me-xxl--100 {
    margin-right: -100px !important;
  }
  .me-xxl--120 {
    margin-right: -120px !important;
  }
  .me-xxl--140 {
    margin-right: -140px !important;
  }
  .me-xxl--160 {
    margin-right: -160px !important;
  }
  .me-xxl--180 {
    margin-right: -180px !important;
  }
  .me-xxl--200 {
    margin-right: -200px !important;
  }
  .me-xxl--300 {
    margin-right: -300px !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-5 {
    margin-bottom: 5px !important;
  }
  .mb-xxl-10 {
    margin-bottom: 10px !important;
  }
  .mb-xxl-15 {
    margin-bottom: 15px !important;
  }
  .mb-xxl-20 {
    margin-bottom: 20px !important;
  }
  .mb-xxl-25 {
    margin-bottom: 25px !important;
  }
  .mb-xxl-30 {
    margin-bottom: 30px !important;
  }
  .mb-xxl-40 {
    margin-bottom: 40px !important;
  }
  .mb-xxl-50 {
    margin-bottom: 50px !important;
  }
  .mb-xxl-60 {
    margin-bottom: 60px !important;
  }
  .mb-xxl-70 {
    margin-bottom: 70px !important;
  }
  .mb-xxl-80 {
    margin-bottom: 80px !important;
  }
  .mb-xxl-90 {
    margin-bottom: 90px !important;
  }
  .mb-xxl-100 {
    margin-bottom: 100px !important;
  }
  .mb-xxl-120 {
    margin-bottom: 120px !important;
  }
  .mb-xxl-130 {
    margin-bottom: 130px !important;
  }
  .mb-xxl-140 {
    margin-bottom: 140px !important;
  }
  .mb-xxl-160 {
    margin-bottom: 160px !important;
  }
  .mb-xxl-180 {
    margin-bottom: 180px !important;
  }
  .mb-xxl-200 {
    margin-bottom: 200px !important;
  }
  .mb-xxl-300 {
    margin-bottom: 300px !important;
  }
  .mb-xxl--5 {
    margin-bottom: -5px !important;
  }
  .mb-xxl--10 {
    margin-bottom: -10px !important;
  }
  .mb-xxl--15 {
    margin-bottom: -15px !important;
  }
  .mb-xxl--20 {
    margin-bottom: -20px !important;
  }
  .mb-xxl--25 {
    margin-bottom: -25px !important;
  }
  .mb-xxl--30 {
    margin-bottom: -30px !important;
  }
  .mb-xxl--40 {
    margin-bottom: -40px !important;
  }
  .mb-xxl--50 {
    margin-bottom: -50px !important;
  }
  .mb-xxl--60 {
    margin-bottom: -60px !important;
  }
  .mb-xxl--70 {
    margin-bottom: -70px !important;
  }
  .mb-xxl--80 {
    margin-bottom: -80px !important;
  }
  .mb-xxl--90 {
    margin-bottom: -90px !important;
  }
  .mb-xxl--100 {
    margin-bottom: -100px !important;
  }
  .mb-xxl--120 {
    margin-bottom: -120px !important;
  }
  .mb-xxl--140 {
    margin-bottom: -140px !important;
  }
  .mb-xxl--160 {
    margin-bottom: -160px !important;
  }
  .mb-xxl--180 {
    margin-bottom: -180px !important;
  }
  .mb-xxl--200 {
    margin-bottom: -200px !important;
  }
  .mb-xxl--300 {
    margin-bottom: -300px !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-5 {
    margin-left: 5px !important;
  }
  .ms-xxl-10 {
    margin-left: 10px !important;
  }
  .ms-xxl-15 {
    margin-left: 15px !important;
  }
  .ms-xxl-20 {
    margin-left: 20px !important;
  }
  .ms-xxl-25 {
    margin-left: 25px !important;
  }
  .ms-xxl-30 {
    margin-left: 30px !important;
  }
  .ms-xxl-40 {
    margin-left: 40px !important;
  }
  .ms-xxl-50 {
    margin-left: 50px !important;
  }
  .ms-xxl-60 {
    margin-left: 60px !important;
  }
  .ms-xxl-70 {
    margin-left: 70px !important;
  }
  .ms-xxl-80 {
    margin-left: 80px !important;
  }
  .ms-xxl-90 {
    margin-left: 90px !important;
  }
  .ms-xxl-100 {
    margin-left: 100px !important;
  }
  .ms-xxl-120 {
    margin-left: 120px !important;
  }
  .ms-xxl-130 {
    margin-left: 130px !important;
  }
  .ms-xxl-140 {
    margin-left: 140px !important;
  }
  .ms-xxl-160 {
    margin-left: 160px !important;
  }
  .ms-xxl-180 {
    margin-left: 180px !important;
  }
  .ms-xxl-200 {
    margin-left: 200px !important;
  }
  .ms-xxl-300 {
    margin-left: 300px !important;
  }
  .ms-xxl--5 {
    margin-left: -5px !important;
  }
  .ms-xxl--10 {
    margin-left: -10px !important;
  }
  .ms-xxl--15 {
    margin-left: -15px !important;
  }
  .ms-xxl--20 {
    margin-left: -20px !important;
  }
  .ms-xxl--25 {
    margin-left: -25px !important;
  }
  .ms-xxl--30 {
    margin-left: -30px !important;
  }
  .ms-xxl--40 {
    margin-left: -40px !important;
  }
  .ms-xxl--50 {
    margin-left: -50px !important;
  }
  .ms-xxl--60 {
    margin-left: -60px !important;
  }
  .ms-xxl--70 {
    margin-left: -70px !important;
  }
  .ms-xxl--80 {
    margin-left: -80px !important;
  }
  .ms-xxl--90 {
    margin-left: -90px !important;
  }
  .ms-xxl--100 {
    margin-left: -100px !important;
  }
  .ms-xxl--120 {
    margin-left: -120px !important;
  }
  .ms-xxl--140 {
    margin-left: -140px !important;
  }
  .ms-xxl--160 {
    margin-left: -160px !important;
  }
  .ms-xxl--180 {
    margin-left: -180px !important;
  }
  .ms-xxl--200 {
    margin-left: -200px !important;
  }
  .ms-xxl--300 {
    margin-left: -300px !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-5 {
    padding: 5px !important;
  }
  .p-xxl-10 {
    padding: 10px !important;
  }
  .p-xxl-15 {
    padding: 15px !important;
  }
  .p-xxl-20 {
    padding: 20px !important;
  }
  .p-xxl-25 {
    padding: 25px !important;
  }
  .p-xxl-30 {
    padding: 30px !important;
  }
  .p-xxl-40 {
    padding: 40px !important;
  }
  .p-xxl-50 {
    padding: 50px !important;
  }
  .p-xxl-60 {
    padding: 60px !important;
  }
  .p-xxl-70 {
    padding: 70px !important;
  }
  .p-xxl-80 {
    padding: 80px !important;
  }
  .p-xxl-90 {
    padding: 90px !important;
  }
  .p-xxl-100 {
    padding: 100px !important;
  }
  .p-xxl-120 {
    padding: 120px !important;
  }
  .p-xxl-130 {
    padding: 130px !important;
  }
  .p-xxl-140 {
    padding: 140px !important;
  }
  .p-xxl-160 {
    padding: 160px !important;
  }
  .p-xxl-180 {
    padding: 180px !important;
  }
  .p-xxl-200 {
    padding: 200px !important;
  }
  .p-xxl-300 {
    padding: 300px !important;
  }
  .p-xxl--5 {
    padding: -5px !important;
  }
  .p-xxl--10 {
    padding: -10px !important;
  }
  .p-xxl--15 {
    padding: -15px !important;
  }
  .p-xxl--20 {
    padding: -20px !important;
  }
  .p-xxl--25 {
    padding: -25px !important;
  }
  .p-xxl--30 {
    padding: -30px !important;
  }
  .p-xxl--40 {
    padding: -40px !important;
  }
  .p-xxl--50 {
    padding: -50px !important;
  }
  .p-xxl--60 {
    padding: -60px !important;
  }
  .p-xxl--70 {
    padding: -70px !important;
  }
  .p-xxl--80 {
    padding: -80px !important;
  }
  .p-xxl--90 {
    padding: -90px !important;
  }
  .p-xxl--100 {
    padding: -100px !important;
  }
  .p-xxl--120 {
    padding: -120px !important;
  }
  .p-xxl--140 {
    padding: -140px !important;
  }
  .p-xxl--160 {
    padding: -160px !important;
  }
  .p-xxl--180 {
    padding: -180px !important;
  }
  .p-xxl--200 {
    padding: -200px !important;
  }
  .p-xxl--300 {
    padding: -300px !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-xxl-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-xxl-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-xxl-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xxl-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-xxl-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-xxl-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-xxl-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-xxl-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-xxl-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-xxl-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-xxl-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-xxl-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .px-xxl-120 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .px-xxl-130 {
    padding-right: 130px !important;
    padding-left: 130px !important;
  }
  .px-xxl-140 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .px-xxl-160 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .px-xxl-180 {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .px-xxl-200 {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
  .px-xxl-300 {
    padding-right: 300px !important;
    padding-left: 300px !important;
  }
  .px-xxl--5 {
    padding-right: -5px !important;
    padding-left: -5px !important;
  }
  .px-xxl--10 {
    padding-right: -10px !important;
    padding-left: -10px !important;
  }
  .px-xxl--15 {
    padding-right: -15px !important;
    padding-left: -15px !important;
  }
  .px-xxl--20 {
    padding-right: -20px !important;
    padding-left: -20px !important;
  }
  .px-xxl--25 {
    padding-right: -25px !important;
    padding-left: -25px !important;
  }
  .px-xxl--30 {
    padding-right: -30px !important;
    padding-left: -30px !important;
  }
  .px-xxl--40 {
    padding-right: -40px !important;
    padding-left: -40px !important;
  }
  .px-xxl--50 {
    padding-right: -50px !important;
    padding-left: -50px !important;
  }
  .px-xxl--60 {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .px-xxl--70 {
    padding-right: -70px !important;
    padding-left: -70px !important;
  }
  .px-xxl--80 {
    padding-right: -80px !important;
    padding-left: -80px !important;
  }
  .px-xxl--90 {
    padding-right: -90px !important;
    padding-left: -90px !important;
  }
  .px-xxl--100 {
    padding-right: -100px !important;
    padding-left: -100px !important;
  }
  .px-xxl--120 {
    padding-right: -120px !important;
    padding-left: -120px !important;
  }
  .px-xxl--140 {
    padding-right: -140px !important;
    padding-left: -140px !important;
  }
  .px-xxl--160 {
    padding-right: -160px !important;
    padding-left: -160px !important;
  }
  .px-xxl--180 {
    padding-right: -180px !important;
    padding-left: -180px !important;
  }
  .px-xxl--200 {
    padding-right: -200px !important;
    padding-left: -200px !important;
  }
  .px-xxl--300 {
    padding-right: -300px !important;
    padding-left: -300px !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-xxl-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-xxl-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-xxl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xxl-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-xxl-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-xxl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xxl-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-xxl-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xxl-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-xxl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-xxl-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-xxl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .py-xxl-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .py-xxl-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .py-xxl-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .py-xxl-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .py-xxl-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .py-xxl-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .py-xxl-300 {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .py-xxl--5 {
    padding-top: -5px !important;
    padding-bottom: -5px !important;
  }
  .py-xxl--10 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }
  .py-xxl--15 {
    padding-top: -15px !important;
    padding-bottom: -15px !important;
  }
  .py-xxl--20 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }
  .py-xxl--25 {
    padding-top: -25px !important;
    padding-bottom: -25px !important;
  }
  .py-xxl--30 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }
  .py-xxl--40 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }
  .py-xxl--50 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }
  .py-xxl--60 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .py-xxl--70 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }
  .py-xxl--80 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }
  .py-xxl--90 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }
  .py-xxl--100 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }
  .py-xxl--120 {
    padding-top: -120px !important;
    padding-bottom: -120px !important;
  }
  .py-xxl--140 {
    padding-top: -140px !important;
    padding-bottom: -140px !important;
  }
  .py-xxl--160 {
    padding-top: -160px !important;
    padding-bottom: -160px !important;
  }
  .py-xxl--180 {
    padding-top: -180px !important;
    padding-bottom: -180px !important;
  }
  .py-xxl--200 {
    padding-top: -200px !important;
    padding-bottom: -200px !important;
  }
  .py-xxl--300 {
    padding-top: -300px !important;
    padding-bottom: -300px !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-5 {
    padding-top: 5px !important;
  }
  .pt-xxl-10 {
    padding-top: 10px !important;
  }
  .pt-xxl-15 {
    padding-top: 15px !important;
  }
  .pt-xxl-20 {
    padding-top: 20px !important;
  }
  .pt-xxl-25 {
    padding-top: 25px !important;
  }
  .pt-xxl-30 {
    padding-top: 30px !important;
  }
  .pt-xxl-40 {
    padding-top: 40px !important;
  }
  .pt-xxl-50 {
    padding-top: 50px !important;
  }
  .pt-xxl-60 {
    padding-top: 60px !important;
  }
  .pt-xxl-70 {
    padding-top: 70px !important;
  }
  .pt-xxl-80 {
    padding-top: 80px !important;
  }
  .pt-xxl-90 {
    padding-top: 90px !important;
  }
  .pt-xxl-100 {
    padding-top: 100px !important;
  }
  .pt-xxl-120 {
    padding-top: 120px !important;
  }
  .pt-xxl-130 {
    padding-top: 130px !important;
  }
  .pt-xxl-140 {
    padding-top: 140px !important;
  }
  .pt-xxl-160 {
    padding-top: 160px !important;
  }
  .pt-xxl-180 {
    padding-top: 180px !important;
  }
  .pt-xxl-200 {
    padding-top: 200px !important;
  }
  .pt-xxl-300 {
    padding-top: 300px !important;
  }
  .pt-xxl--5 {
    padding-top: -5px !important;
  }
  .pt-xxl--10 {
    padding-top: -10px !important;
  }
  .pt-xxl--15 {
    padding-top: -15px !important;
  }
  .pt-xxl--20 {
    padding-top: -20px !important;
  }
  .pt-xxl--25 {
    padding-top: -25px !important;
  }
  .pt-xxl--30 {
    padding-top: -30px !important;
  }
  .pt-xxl--40 {
    padding-top: -40px !important;
  }
  .pt-xxl--50 {
    padding-top: -50px !important;
  }
  .pt-xxl--60 {
    padding-top: -60px !important;
  }
  .pt-xxl--70 {
    padding-top: -70px !important;
  }
  .pt-xxl--80 {
    padding-top: -80px !important;
  }
  .pt-xxl--90 {
    padding-top: -90px !important;
  }
  .pt-xxl--100 {
    padding-top: -100px !important;
  }
  .pt-xxl--120 {
    padding-top: -120px !important;
  }
  .pt-xxl--140 {
    padding-top: -140px !important;
  }
  .pt-xxl--160 {
    padding-top: -160px !important;
  }
  .pt-xxl--180 {
    padding-top: -180px !important;
  }
  .pt-xxl--200 {
    padding-top: -200px !important;
  }
  .pt-xxl--300 {
    padding-top: -300px !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-5 {
    padding-right: 5px !important;
  }
  .pe-xxl-10 {
    padding-right: 10px !important;
  }
  .pe-xxl-15 {
    padding-right: 15px !important;
  }
  .pe-xxl-20 {
    padding-right: 20px !important;
  }
  .pe-xxl-25 {
    padding-right: 25px !important;
  }
  .pe-xxl-30 {
    padding-right: 30px !important;
  }
  .pe-xxl-40 {
    padding-right: 40px !important;
  }
  .pe-xxl-50 {
    padding-right: 50px !important;
  }
  .pe-xxl-60 {
    padding-right: 60px !important;
  }
  .pe-xxl-70 {
    padding-right: 70px !important;
  }
  .pe-xxl-80 {
    padding-right: 80px !important;
  }
  .pe-xxl-90 {
    padding-right: 90px !important;
  }
  .pe-xxl-100 {
    padding-right: 100px !important;
  }
  .pe-xxl-120 {
    padding-right: 120px !important;
  }
  .pe-xxl-130 {
    padding-right: 130px !important;
  }
  .pe-xxl-140 {
    padding-right: 140px !important;
  }
  .pe-xxl-160 {
    padding-right: 160px !important;
  }
  .pe-xxl-180 {
    padding-right: 180px !important;
  }
  .pe-xxl-200 {
    padding-right: 200px !important;
  }
  .pe-xxl-300 {
    padding-right: 300px !important;
  }
  .pe-xxl--5 {
    padding-right: -5px !important;
  }
  .pe-xxl--10 {
    padding-right: -10px !important;
  }
  .pe-xxl--15 {
    padding-right: -15px !important;
  }
  .pe-xxl--20 {
    padding-right: -20px !important;
  }
  .pe-xxl--25 {
    padding-right: -25px !important;
  }
  .pe-xxl--30 {
    padding-right: -30px !important;
  }
  .pe-xxl--40 {
    padding-right: -40px !important;
  }
  .pe-xxl--50 {
    padding-right: -50px !important;
  }
  .pe-xxl--60 {
    padding-right: -60px !important;
  }
  .pe-xxl--70 {
    padding-right: -70px !important;
  }
  .pe-xxl--80 {
    padding-right: -80px !important;
  }
  .pe-xxl--90 {
    padding-right: -90px !important;
  }
  .pe-xxl--100 {
    padding-right: -100px !important;
  }
  .pe-xxl--120 {
    padding-right: -120px !important;
  }
  .pe-xxl--140 {
    padding-right: -140px !important;
  }
  .pe-xxl--160 {
    padding-right: -160px !important;
  }
  .pe-xxl--180 {
    padding-right: -180px !important;
  }
  .pe-xxl--200 {
    padding-right: -200px !important;
  }
  .pe-xxl--300 {
    padding-right: -300px !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-5 {
    padding-bottom: 5px !important;
  }
  .pb-xxl-10 {
    padding-bottom: 10px !important;
  }
  .pb-xxl-15 {
    padding-bottom: 15px !important;
  }
  .pb-xxl-20 {
    padding-bottom: 20px !important;
  }
  .pb-xxl-25 {
    padding-bottom: 25px !important;
  }
  .pb-xxl-30 {
    padding-bottom: 30px !important;
  }
  .pb-xxl-40 {
    padding-bottom: 40px !important;
  }
  .pb-xxl-50 {
    padding-bottom: 50px !important;
  }
  .pb-xxl-60 {
    padding-bottom: 60px !important;
  }
  .pb-xxl-70 {
    padding-bottom: 70px !important;
  }
  .pb-xxl-80 {
    padding-bottom: 80px !important;
  }
  .pb-xxl-90 {
    padding-bottom: 90px !important;
  }
  .pb-xxl-100 {
    padding-bottom: 100px !important;
  }
  .pb-xxl-120 {
    padding-bottom: 120px !important;
  }
  .pb-xxl-130 {
    padding-bottom: 130px !important;
  }
  .pb-xxl-140 {
    padding-bottom: 140px !important;
  }
  .pb-xxl-160 {
    padding-bottom: 160px !important;
  }
  .pb-xxl-180 {
    padding-bottom: 180px !important;
  }
  .pb-xxl-200 {
    padding-bottom: 200px !important;
  }
  .pb-xxl-300 {
    padding-bottom: 300px !important;
  }
  .pb-xxl--5 {
    padding-bottom: -5px !important;
  }
  .pb-xxl--10 {
    padding-bottom: -10px !important;
  }
  .pb-xxl--15 {
    padding-bottom: -15px !important;
  }
  .pb-xxl--20 {
    padding-bottom: -20px !important;
  }
  .pb-xxl--25 {
    padding-bottom: -25px !important;
  }
  .pb-xxl--30 {
    padding-bottom: -30px !important;
  }
  .pb-xxl--40 {
    padding-bottom: -40px !important;
  }
  .pb-xxl--50 {
    padding-bottom: -50px !important;
  }
  .pb-xxl--60 {
    padding-bottom: -60px !important;
  }
  .pb-xxl--70 {
    padding-bottom: -70px !important;
  }
  .pb-xxl--80 {
    padding-bottom: -80px !important;
  }
  .pb-xxl--90 {
    padding-bottom: -90px !important;
  }
  .pb-xxl--100 {
    padding-bottom: -100px !important;
  }
  .pb-xxl--120 {
    padding-bottom: -120px !important;
  }
  .pb-xxl--140 {
    padding-bottom: -140px !important;
  }
  .pb-xxl--160 {
    padding-bottom: -160px !important;
  }
  .pb-xxl--180 {
    padding-bottom: -180px !important;
  }
  .pb-xxl--200 {
    padding-bottom: -200px !important;
  }
  .pb-xxl--300 {
    padding-bottom: -300px !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-5 {
    padding-left: 5px !important;
  }
  .ps-xxl-10 {
    padding-left: 10px !important;
  }
  .ps-xxl-15 {
    padding-left: 15px !important;
  }
  .ps-xxl-20 {
    padding-left: 20px !important;
  }
  .ps-xxl-25 {
    padding-left: 25px !important;
  }
  .ps-xxl-30 {
    padding-left: 30px !important;
  }
  .ps-xxl-40 {
    padding-left: 40px !important;
  }
  .ps-xxl-50 {
    padding-left: 50px !important;
  }
  .ps-xxl-60 {
    padding-left: 60px !important;
  }
  .ps-xxl-70 {
    padding-left: 70px !important;
  }
  .ps-xxl-80 {
    padding-left: 80px !important;
  }
  .ps-xxl-90 {
    padding-left: 90px !important;
  }
  .ps-xxl-100 {
    padding-left: 100px !important;
  }
  .ps-xxl-120 {
    padding-left: 120px !important;
  }
  .ps-xxl-130 {
    padding-left: 130px !important;
  }
  .ps-xxl-140 {
    padding-left: 140px !important;
  }
  .ps-xxl-160 {
    padding-left: 160px !important;
  }
  .ps-xxl-180 {
    padding-left: 180px !important;
  }
  .ps-xxl-200 {
    padding-left: 200px !important;
  }
  .ps-xxl-300 {
    padding-left: 300px !important;
  }
  .ps-xxl--5 {
    padding-left: -5px !important;
  }
  .ps-xxl--10 {
    padding-left: -10px !important;
  }
  .ps-xxl--15 {
    padding-left: -15px !important;
  }
  .ps-xxl--20 {
    padding-left: -20px !important;
  }
  .ps-xxl--25 {
    padding-left: -25px !important;
  }
  .ps-xxl--30 {
    padding-left: -30px !important;
  }
  .ps-xxl--40 {
    padding-left: -40px !important;
  }
  .ps-xxl--50 {
    padding-left: -50px !important;
  }
  .ps-xxl--60 {
    padding-left: -60px !important;
  }
  .ps-xxl--70 {
    padding-left: -70px !important;
  }
  .ps-xxl--80 {
    padding-left: -80px !important;
  }
  .ps-xxl--90 {
    padding-left: -90px !important;
  }
  .ps-xxl--100 {
    padding-left: -100px !important;
  }
  .ps-xxl--120 {
    padding-left: -120px !important;
  }
  .ps-xxl--140 {
    padding-left: -140px !important;
  }
  .ps-xxl--160 {
    padding-left: -160px !important;
  }
  .ps-xxl--180 {
    padding-left: -180px !important;
  }
  .ps-xxl--200 {
    padding-left: -200px !important;
  }
  .ps-xxl--300 {
    padding-left: -300px !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-header {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https: */
/*
 *  Owl Carousel - Core */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item {
  /*     *
       * 			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
       * 			calculation of the height of the owl-item that breaks page layouts */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/local/templates/summer/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*
 * 	Owl Carousel - Video Plugin */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100% !important;
  border-radius: 4px;
  background-color: #fff;
  font-family: "Nexa", Arial;
}

.chosen-container * {
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: calc(100% - 2px);
  z-index: 1010;
  width: 100%;
  border-top: 0;
  background: #fff;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
  border: 2px solid #2960cc;
  padding: 0;
  border-radius: 0 0 4px 4px;
  display: none;
}

.chosen-container.chosen-with-drop .search-field {
  display: block;
}

.chosen-container.chosen-with-drop .chosen-single {
  border-radius: 4px 4px 0 0;
}

.chosen-container.chosen-with-drop .chosen-single div b {
  transform: rotate(0deg);
}

.chosen-container.chosen-with-drop .chosen-choices:after {
  transform: rotate(0deg);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
  display: block;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice + .search-field {
  display: none;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

.chosen-container ._option {
  display: flex !important;
}

.chosen-container ._option__text {
  flex: 1 1 100%;
  padding: 2px 0;
}

.chosen-container ._option__icon-left, .chosen-container ._option__icon-right {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  line-height: 0;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chosen-container ._option__icon-left {
  margin-right: 10px;
}

.chosen-container ._option__icon-right {
  margin-left: 10px;
}

.chosen-container ._option__checkbox {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  border: 1px solid #B6B4BF;
  background-color: #fff;
  flex: 0 0 auto;
}

.chosen-container ._option__checkbox:before {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  top: 2px;
  bottom: 2px;
  z-index: 2;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.chosen-container ._option.highlighted ._option__checkbox::before {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.625 2.04042L8.375 14.5458L2.25 8.29341' stroke='%230071C2' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.chosen-container ._option.result-selected ._option__checkbox {
  background-color: #92d51e;
  border-color: #92d51e;
}

.chosen-container ._option.result-selected ._option__checkbox::before {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.625 2.04042L8.375 14.5458L2.25 8.29341' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  background-clip: padding-box;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 4px;
  border: 1px solid rgba(29, 29, 29, 0.4);
  height: 56px;
  transition: 0s !important;
}

@media (max-width: 767px) {
  .chosen-container-single .chosen-single {
    height: 40px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .chosen-container-single .chosen-single {
    cursor: pointer;
    transition: 0.2s;
  }
  .chosen-container-single .chosen-single:hover {
    border-color: #2960cc;
  }
}
.chosen-container-single .chosen-single:active, .chosen-container-single .chosen-single:focus {
  border-color: #92D51E;
  border-width: 2px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 39px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #18191f;
  font-weight: 400;
  line-height: 56px;
  padding-left: 16px;
}

@media (max-width: 767px) {
  .chosen-container-single .chosen-single span {
    line-height: 40px;
  }
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("/local/templates/summer/../img/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

@media (hover: hover) and (pointer: fine) {
  .chosen-container-single .chosen-single abbr {
    cursor: pointer;
    transition: 0.2s;
  }
  .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .chosen-container-single.chosen-disabled .chosen-single abbr {
    cursor: pointer;
    transition: 0.2s;
  }
  .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
  }
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 39px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 9L9 1.5L1.5 9' stroke='%238F939A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 12px 10px;
  transform: rotate(180deg);
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type=text] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("/local/templates/summer/../img/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: "Nexa", Arial;
  color: #8F939A;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 280px;
  margin: 0;
  color: #505862;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  padding: 10px 0;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 18px 15px;
  list-style: none;
  line-height: 20px;
  word-wrap: break-word;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #e4ebf2;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  height: auto;
  cursor: text;
  border-radius: 4px;
  border: 1px solid rgba(29, 29, 29, 0.4);
  min-height: 56px;
  font-size: 16px;
  padding-left: 0px;
  padding: 1px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 40px;
}

@media (max-width: 767px) {
  .chosen-container-multi .chosen-choices {
    min-height: 40px;
  }
}
.chosen-container-multi .chosen-choices:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 9L9 1.5L1.5 9' stroke='%238F939A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 18px 10px;
  transform: rotate(180deg);
  width: 39px;
  height: 100%;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  padding: 0;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 0;
  padding: 0;
  height: 48px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  color: #999;
  font-size: 100%;
  font-family: "Nexa", Arial;
  color: #8F939A;
  line-height: normal;
  border-radius: 0;
  width: 25px;
  height: 30px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 5px;
  padding: 6px;
  border: 1px solid rgba(182, 180, 191, 0.2);
  max-width: 100%;
  border-radius: 8px;
  background-color: #fff;
  cursor: default;
  display: flex;
  align-items: center;
  line-height: 1.1;
}

@media (max-width: 767px) {
  .chosen-container-multi .chosen-choices li.search-choice {
    font-size: 16px;
  }
}
.chosen-container-multi .chosen-choices li.search-choice ._choice-img-left,
.chosen-container-multi .chosen-choices li.search-choice ._choice-img-right {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
}

.chosen-container-multi .chosen-choices li.search-choice ._choice-img-left {
  margin-right: 8px;
}

.chosen-container-multi .chosen-choices li.search-choice ._choice-img-right {
  margin-left: 8px;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  border: 1px solid #cc2937;
  background-color: rgba(204, 41, 55, 0.1);
  border-radius: 8px;
  transition: 0.2s;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
}

@media (hover: hover) and (pointer: fine) {
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    cursor: pointer;
    transition: 0.2s;
  }
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    opacity: 1;
  }
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  cursor: default;
}

.chosen-container-active .chosen-single {
  border-color: #2960cc;
  border-width: 2px;
}

.chosen-container-active .chosen-single span {
  line-height: 54px;
  padding-left: 15px;
}

@media (max-width: 767px) {
  .chosen-container-active .chosen-single span {
    line-height: 38px;
  }
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active .chosen-choices {
  padding: 0;
  padding-right: 39px;
  border: 2px solid #2960cc;
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #222 !important;
}

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single, .chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border: none;
}

.chosen-rtl .chosen-search input[type=text] {
  padding: 4px 5px 4px 20px;
  background: url("/local/templates/summer/../img/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

.chosen-rtl .chosen-rtl .chosen-search input[type=text] {
  background-image: url("/local/templates/summer/../img/chosen-sprite.png") !important;
  background-size: 52px 37px !important;
  background-repeat: no-repeat !important;
}

.chosen-rtl .chosen-container-single .chosen-single abbr, .chosen-rtl .chosen-container-single .chosen-single div b {
  background-image: url("/local/templates/summer/../img/chosen-arrow.svg") !important;
  background-size: 13px 10px !important;
  background-repeat: no-repeat !important;
}

.chosen-rtl .chosen-container-single .chosen-search input[type=text] {
  background-image: url("/local/templates/summer/../img/chosen-sprite.png") !important;
  background-size: 52px 37px !important;
  background-repeat: no-repeat !important;
}

.chosen-rtl .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  background-image: url("/local/templates/summer/../img/chosen-sprite.png") !important;
  background-size: 52px 37px !important;
  background-repeat: no-repeat !important;
}

.chosen-rtl .chosen-container .chosen-results-scroll-down span, .chosen-rtl .chosen-container .chosen-results-scroll-up span {
  background-image: url("/local/templates/summer/../img/chosen-sprite.png") !important;
  background-size: 52px 37px !important;
  background-repeat: no-repeat !important;
}

.chosen-title {
  display: flex;
  text-align: center;
  justify-content: space-between;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  border-bottom: 1px solid #eee;
}

.chosen-title .title-item {
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: normal;
  flex: 1 1 1px;
}

.chosen-title .title-item + .title-item {
  border-left: 1px solid #eee;
}

.baron-column._scrollbar .chosen-results.baron__scroller {
  padding-right: 0;
}

.chosen--small.chosen-container-single .chosen-single {
  height: 35px;
}

.chosen--small.chosen-container-single .chosen-single div {
  width: 30px;
}

.chosen--small.chosen-container-single .chosen-single span {
  line-height: 33px;
  padding-left: 16px;
  margin-right: 30px;
}

.chosen--small.chosen-container-active .chosen-single span {
  line-height: 31px;
  padding-left: 16px;
  margin-right: 29px;
}

.chosen--small.chosen-container .chosen-results {
  padding: 0;
}

.chosen--small.chosen-container .chosen-results li {
  padding: 6px 16px;
}

/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */
@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(0px, 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);
  -webkit-backface-visibility: hidden;
  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, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 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, 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(0deg);
  }
  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: 0.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%;
  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: 0.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(0.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(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.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, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-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(0px, -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: 0.2s transform, 0.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: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.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, 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, 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, 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%;
  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-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  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: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.mainwrap .header {
  padding: 20px 0 4px;
  position: fixed;
  z-index: 777;
  left: 0;
  right: 0;
  top: 0;
  margin-right: 0;
  transition: transform 0.4s;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

.mainwrap .header::before {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: -16px;
  transition: 0.4s;
  transform-origin: 0 0;
}

.header--inverse:not(.header--fixed) .mainwrap .header::before {
  background-color: #000;
}

.header--inverse:not(.header--fixed) .mainwrap .header__nav ul li a, .header--inverse:not(.header--fixed) .mainwrap .header__phone {
  color: #fff;
}

@media (hover: hover) and (pointer: fine) {
  .header--inverse:not(.header--fixed) .mainwrap .header__nav ul li a, .header--inverse:not(.header--fixed) .mainwrap .header__phone {
    cursor: pointer;
    transition: 0.2s;
  }
  .header--inverse:not(.header--fixed) .mainwrap .header__nav ul li a:hover, .header--inverse:not(.header--fixed) .mainwrap .header__phone:hover {
    opacity: 0.5;
  }
}
.header--inverse:not(.header--fixed) .mainwrap .header svg {
  fill: white;
}

.header--gray:not(.header--fixed) .mainwrap .header::before {
  background-color: #f5f5f5;
}

.header--gray2:not(.header--fixed) .mainwrap .header::before {
  background-color: #d8d8d8;
}

.header--transparent:not(.header--fixed) .mainwrap .header {
  background-color: transparent;
}

.header--transparent:not(.header--fixed) .mainwrap .header::before {
  background-color: transparent;
}

.header--transparent.header--inverse:not(.header--fixed) .mainwrap .header::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.header--transparent.header--inverse:not(.header--fixed) .mainwrap .header .header__logo svg {
  background-color: #fff;
  fill: #000;
}

.header--fixed .mainwrap .header {
  transform: translateY(-24px);
}

.header--fixed .mainwrap .header .header__logo {
  transform: translateX(-30px);
}

.header--fixed .mainwrap .header::before {
  transform: translateY(-24px);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

.header--fixed.scroll-down .mainwrap .header {
  transform: translateY(-100%) !important;
}

.mainwrap .header svg {
  fill: #1d1d1d;
}

.mainwrap .header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mainwrap .header__left, .mainwrap .header__center, .mainwrap .header__right {
  display: flex;
  align-items: center;
  margin: -20px;
  flex: 0 0 auto;
}

.mainwrap .header__left > *, .mainwrap .header__center > *, .mainwrap .header__right > * {
  margin: 20px;
}

.mainwrap .header__center {
  margin: -15px 15px;
}

.mainwrap .header__logo {
  line-height: 0;
  transition: 0.4s !important;
}

.mainwrap .header__logo svg {
  width: 80px;
  height: 80px;
  transition: 0.4s;
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .header__logo {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .header__logo:hover svg {
    opacity: 0.5;
    transition: 0.2s;
  }
}
.mainwrap .header__nav ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.mainwrap .header__nav ul li {
  margin: 6px 15px;
}

@media (min-width: 1600px) {
  .mainwrap .header__nav ul li {
    margin: 6px 20px;
  }
}
.mainwrap .header__nav ul li a {
  text-decoration: none;
  color: #1d1d1d;
  fill: #1d1d1d;
  color: #1d1d1d;
  font-size: 20px;
  line-height: 120%;
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .header__nav ul li a {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .header__nav ul li a:hover {
    opacity: 0.5;
    cursor: pointer;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mainwrap .header__nav ul li a {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .header__nav ul li a:hover {
    opacity: 0.5;
  }
}
.mainwrap .header__menu-btn {
  width: 24px;
  height: 16px;
  flex: 0 0 auto;
  line-height: 0;
  transition: 0.4s;
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .header__menu-btn {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .header__menu-btn:hover {
    opacity: 0.5;
  }
}
.mainwrap .header__favorite {
  width: 24px;
  height: 22px;
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .header__favorite {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .header__favorite:hover {
    opacity: 0.5;
  }
}
.mainwrap .header__search {
  width: 25px;
  height: 25px;
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .header__search {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .header__search:hover {
    opacity: 0.5;
  }
}
.mainwrap .header__phone {
  text-decoration: none;
  color: #1d1d1d;
  fill: #1d1d1d;
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .header__phone {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .header__phone:hover {
    opacity: 0.5;
    cursor: pointer;
  }
}
@media (min-width: 1680px) {
  .mainwrap .header__phone {
    font-size: 24px;
  }
}
@media (min-width: 1600px) {
  .mainwrap .header__nav {
    margin-left: 80px;
    margin-right: 0;
  }
}
@media (max-width: 1599px) and (min-width: 1200px) {
  .mainwrap .header .container:after {
    content: "";
    flex-grow: 1;
  }
  .mainwrap .header__right {
    order: 5;
  }
  .mainwrap .header__logo {
    width: 140px;
    height: 68px;
  }
  .mainwrap .header__phone {
    font-size: 22px;
  }
  .mainwrap .header__nav {
    margin-left: 4px;
  }
  .mainwrap .header__nav ul li {
    margin: 6px 14px;
  }
}
@media (max-width: 1199px) {
  .mainwrap .header__center {
    margin-left: 30px;
    flex: 1 1 auto;
  }
  .mainwrap .header__nav {
    order: 1;
  }
  .mainwrap .header__nav ul li {
    margin: 4px 15px;
  }
  .header--white-sm-transparent:not(.header--fixed) .mainwrap .header {
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  }
  .header--white-sm-transparent:not(.header--fixed) .mainwrap .header::before {
    background-color: transparent;
  }
  .header--white-sm-transparent:not(.header--fixed) .mainwrap .header__logo svg {
    background-color: #fff;
  }
  .header--white-sm-transparent:not(.header--fixed) .mainwrap .header__menu-btn svg {
    fill: white;
  }
  .header--white-sm-transparent:not(.header--fixed) .mainwrap .header__nav ul li a, .header--white-sm-transparent:not(.header--fixed) .mainwrap .header__phone {
    color: #fff;
  }
}
@media (max-width: 1199px) and (hover: hover) and (pointer: fine) {
  .header--white-sm-transparent:not(.header--fixed) .mainwrap .header__nav ul li a, .header--white-sm-transparent:not(.header--fixed) .mainwrap .header__phone {
    cursor: pointer;
    transition: 0.2s;
  }
  .header--white-sm-transparent:not(.header--fixed) .mainwrap .header__nav ul li a:hover, .header--white-sm-transparent:not(.header--fixed) .mainwrap .header__phone:hover {
    opacity: 0.5;
  }
}
@media (max-width: 991px) {
  .mainwrap .header {
    padding: 20px 0 10px;
  }
  .mainwrap .header::before {
    bottom: -10px;
  }
  .header--fixed .mainwrap .header {
    transform: translateY(-20px);
  }
  .header--fixed .mainwrap .header::before {
    transform: translateY(-20px);
  }
  .header--fixed .mainwrap .header .header__logo,
  .header--fixed .mainwrap .header .header__menu-btn {
    transform: translateX(-20px);
  }
  .mainwrap .header__nav {
    display: none;
  }
  .mainwrap .header__logo svg {
    transition: 0.4s;
    width: 56px;
    height: 56px;
  }
}
@media (max-width: 767px) {
  .mainwrap .header__center {
    flex-grow: 0;
    margin-left: 0;
  }
  .mainwrap .header__right {
    flex-grow: 1;
    text-align: right;
    justify-content: flex-end;
  }
  .mainwrap .header__favorite, .mainwrap .header__search {
    display: none;
  }
  .mainwrap .header__phone {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
  }
}
/*
.mainwrap .footer {
  margin-top: 80px;
  padding-top: 80px;
  color: #fff;
  background-color: #000000;
}

@media (min-width: 767px) {
  .mainwrap .footer .title-1 {
    font-size: 40px;
  }
}
@media (max-width: 1399px) and (min-width: 768px) {
  .mainwrap .footer .title-1 {
    font-size: 32px;
  }
}
@media (max-width: 1399px) and (min-width: 768px) {
  .mainwrap .footer {
    margin-top: 60px;
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .mainwrap .footer {
    padding-top: 55px;
    margin-top: 40px;
  }
}
.mainwrap .footer .btn {
  min-height: 38px;
  line-height: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 50px;
  padding-right: 50px;
  width: 100%;
}

@media (max-width: 1399px) and (min-width: 768px) {
  .mainwrap .footer .btn {
    font-size: 16px;
    min-height: 32px;
    line-height: 24px;
    padding: 3px 30px;
  }
}
/*
.mainwrap .footer__row {
  display: flex;
  margin-top: 60px;
  justify-content: space-between;
}

@media (max-width: 1399px) {
  .mainwrap .footer__row {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .mainwrap .footer__row {
    margin-top: 0;
    justify-content: center;
  }
}
.mainwrap .footer__left {
  display: flex;
  max-width: 505px;
}

.mainwrap .footer__left .footer__col {
  margin-right: 0;
}

@media (max-width: 991px) {
  .mainwrap .footer__left {
    display: none;
  }
}
.mainwrap .footer__right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.mainwrap .footer__right .footer__col:not(:first-child) {
  margin-left: 60px;
}

@media (min-width: 1600px) {
  .mainwrap .footer__right .footer__col:not(:first-child) {
    margin-left: 100px;
  }
}
@media (max-width: 1199px) {
  .mainwrap .footer__right .footer__col:not(:first-child) {
    margin-left: 40px;
  }
}
@media (min-width: 1400px) {
  .mainwrap .footer__right {
    max-width: 48%;
  }
}
@media (max-width: 1399px) and (min-width: 992px) {
  .mainwrap .footer__right {
    max-width: 60%;
  }
}
@media (max-width: 991px) {
  .mainwrap .footer__right {
    width: 100%;
    margin-top: 0;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .mainwrap .footer__right .footer__col:not(:first-child) {
    margin-left: 0;
  }
  .mainwrap .footer__col {
    width: 100%;
    max-width: 360px;
  }
}
.mainwrap .footer__link {
  display: inline-block;
  text-decoration: none;
  color: #1d1d1d;
  fill: #1d1d1d;
  color: #ffffff;
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .footer__link {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .footer__link:hover {
    opacity: 0.5;
    cursor: pointer;
  }
}
.mainwrap .footer__text1 {
  font-size: 16px;
  line-height: 150%;
}

@media (max-width: 767px) {
  .mainwrap .footer__text1 {
    font-size: 12px;
    line-height: 16.8px;
  }
}
.mainwrap .footer__text2 {
  font-size: 20px;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .mainwrap .footer__text2 {
    max-width: 200px;
  }
}
@media (max-width: 1399px) and (min-width: 768px) {
  .mainwrap .footer__text2 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .mainwrap .footer__text2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.mainwrap .footer__text3 {
  font-size: 16px;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .mainwrap .footer__text3 {
    max-width: 300px;
  }
}
@media (max-width: 1399px) and (min-width: 768px) {
  .mainwrap .footer__text3 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .mainwrap .footer__text3 {
    font-size: 16px;
    order: 3;
  }
  .mainwrap .footer__text3 .text-lightgray {
    color: #FFFFFF !important;
  }
}
.mainwrap .footer__rights {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px 0 15px;
  margin: -15px;
  margin-top: 60px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  line-height: 24px;
  position: relative;
}
.mainwrap .footer__rights .footer__menu br {
  display: none;
}
.mainwrap .footer__rights .footer__link {
  font-size: 20px;
}
.mainwrap .footer__rights .footer__info {
  font-size: 20px;
}

.mainwrap .footer__rights::before {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.mainwrap .footer__rights > * {
  margin: 15px;
}

@media (max-width: 1399px) and (min-width: 992px) {
  .mainwrap .footer__rights {
    font-size: 16px;
    line-height: 1.5;
  }
  .mainwrap .footer__rights .footer__link,
  .mainwrap .footer__rights .footer__info {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .mainwrap .footer__rights {
    padding: 0;
    padding-bottom: 0;
    margin-top: 0;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 0;
  }
  .mainwrap .footer__rights > * {
    margin: 5px;
  }
  .mainwrap .footer__rights::before {
    display: none;
  }
}
.mainwrap .footer__faq-btn {
  text-decoration: none;
  color: #1d1d1d;
  fill: #1d1d1d;
  display: block;
  margin-bottom: 60px;
  width: 266px;
  height: 78px;
  border-radius: 16px;
  border: 1px solid #92d51e;
  background-color: #000000;
  color: #92d51e;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  padding: 24px 20px;
  text-align: right;
  filter: drop-shadow(0px 2px 28px rgba(193, 255, 0, 0.25));
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .footer__faq-btn {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .footer__faq-btn:hover {
    opacity: 0.5;
    cursor: pointer;
  }
}
.mainwrap .footer__faq-btn img {
  max-height: none;
  margin-top: -38px;
  position: absolute;
  left: 1px;
  bottom: 1px;
}

@media (min-width: 768px) {
  .mainwrap .footer__faq-btn img {
    width: 93px;
    height: 117px;
  }
}
@media (max-width: 1399px) and (min-width: 768px) {
  .mainwrap .footer__faq-btn {
    margin-bottom: 20px;
    width: 186px;
    height: 45px;
    font-size: 16px;
    padding: 10px 16px;
    line-height: 23px;
  }
  .mainwrap .footer__faq-btn img {
    width: 62px;
    height: 77px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .mainwrap .footer__faq-btn {
    margin-right: 0;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .mainwrap .footer__faq-btn {
    margin-bottom: 30px;
    font-size: 24px;
    width: 335px;
    max-width: 100%;
  }
}
@media (max-width: 374px) {
  .mainwrap .footer__faq-btn img {
    width: 82px;
  }
}
.mainwrap .footer .socials {
  margin-top: 20px;
  width: 650px;
  max-width: 100%;
  flex: 0 0 auto;
  justify-content: flex-end;
}

@media (max-width: 1399px) and (min-width: 992px) {
  .mainwrap .footer .socials {
    justify-content: flex-end;
    margin-top: -10px;
  }
}
@media (max-width: 991px) {
  .mainwrap .footer .socials {
    width: calc(100% + 24px);
    justify-content: center;
    align-self: center;
    margin: 30px 0;
    order: 2;
  }
}
@media (max-width: 374px) {
  .mainwrap .footer .socials {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.mainwrap .footer .socials__link svg {
  fill: #000;
  filter: drop-shadow(0 2px 18px rgba(193, 255, 0, 0.35));
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .footer .socials__link {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .footer .socials__link:hover {
    opacity: 1;
  }
  .mainwrap .footer .socials__link:hover svg {
    filter: drop-shadow(0 2px 18px rgba(193, 255, 0, 0));
  }
}

 */
html .text-black,
.mainwrap .text-black,
.popup .text-black {
  color: #1d1d1d !important;
}

html .text-green,
.mainwrap .text-green,
.popup .text-green {
  color: #92d51e !important;
}

html .text-gray,
.mainwrap .text-gray,
.popup .text-gray {
  color: rgba(29, 29, 29, 0.5) !important;
}

html .text-lightgray,
.mainwrap .text-lightgray,
.popup .text-lightgray {
  color: rgba(255, 255, 255, 0.5) !important;
}

html .text-white,
.mainwrap .text-white,
.popup .text-white {
  color: #fff !important;
}

.mainwrap .btn,
.popup .btn {
  text-decoration: none !important;
  cursor: pointer;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  outline: none;
  border: none;
  background: none;
  transition: 0.2s;
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  padding: 8px 40px;
  border-radius: 8px;
}

@media (max-width: 1399px) {
  .mainwrap .btn,
  .popup .btn {
    padding: 8px 32px;
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .mainwrap .btn,
  .popup .btn {
    padding: 10px 40px;
    font-size: 16px;
    line-height: 20px;
  }
  .mainwrap .btn-sm-32,
  .popup .btn-sm-32 {
    padding: 6px 12px;
  }
  .mainwrap .btn-sm-30,
  .popup .btn-sm-30 {
    padding: 5px 18px;
    font-size: 12px;
  }
}
@media (max-width: 374px) {
  .mainwrap .btn,
  .popup .btn {
    font-size: 14px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mainwrap .btn,
  .popup .btn {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .btn:hover,
  .popup .btn:hover {
    opacity: 0.5;
  }
}
.mainwrap .btn-border-green,
.popup .btn-border-green {
  border: 2px solid #92d51e;
  padding: 7px 38px 5px;
}

@media (max-width: 1399px) {
  .mainwrap .btn-border-green,
  .popup .btn-border-green {
    padding: 6px 30px 6px;
  }
}
@media (max-width: 767px) {
  .mainwrap .btn-border-green,
  .popup .btn-border-green {
    padding: 8px 38px 8px;
  }
}
@media (max-width: 374px) {
  .mainwrap .btn-border-green,
  .popup .btn-border-green {
    padding: 8px 18px 8px;
  }
}
.mainwrap .map_project,
.popup .map_project {
  transition: 0.5s;
  position: relative;
  width: 56px;
  height: 84px;
}

.mainwrap .map_project:before,
.popup .map_project:before {
  position: absolute;
  left: calc(50% - 4px);
  border: 2px solid #92d51e;
  width: 4px;
  height: 4px;
  background-color: #fff;
  bottom: 0;
  border-radius: 50%;
  content: "";
}

.mainwrap .map_project ._img-default-wrap,
.popup .map_project ._img-default-wrap {
  position: relative;
  z-index: 5;
  filter: drop-shadow(0px 0px 16px rgba(29, 29, 29, 0.15));
  width: 56px;
  height: 56px;
  border: 4px solid white;
  border-radius: 50%;
}

.mainwrap .map_project ._img-default-wrap::after,
.popup .map_project ._img-default-wrap::after {
  content: "";
  position: absolute;
  z-index: 3;
  border-width: 18px 7px 0 7px;
  border-style: solid;
  border-color: transparent;
  border-top-color: white;
  bottom: -18px;
  left: calc(50% - 7px);
}

.mainwrap .map_project ._img-default,
.popup .map_project ._img-default {
  position: relative;
  z-index: 5;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.mainwrap .map_project ._img-default img,
.popup .map_project ._img-default img {
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mainwrap .map_project__content,
.popup .map_project__content {
  position: absolute;
  left: 72px;
  top: 4px;
  padding: 8px 14px;
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: left;
  white-space: nowrap;
}

.mainwrap .map_project__content-title,
.popup .map_project__content-title {
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 20px;
}

.mainwrap .map_project._hover ._img-default-wrap,
.popup .map_project._hover ._img-default-wrap {
  border-color: #92d51e;
  filter: drop-shadow(0px 0px 16px rgba(146, 213, 30, 0.45));
}

.mainwrap .map_project._hover ._img-default-wrap::after,
.popup .map_project._hover ._img-default-wrap::after {
  border-top-color: #92d51e;
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .map_project,
  .popup .map_project {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .map_project:hover,
  .popup .map_project:hover {
    border-color: red;
  }
}
.mainwrap [data-map-open],
.mainwrap [data-map-half-open],
.mainwrap [data-map-close],
.popup [data-map-open],
.popup [data-map-half-open],
.popup [data-map-close] {
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap [data-map-open],
  .mainwrap [data-map-half-open],
  .mainwrap [data-map-close],
  .popup [data-map-open],
  .popup [data-map-half-open],
  .popup [data-map-close] {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap [data-map-open]:hover,
  .mainwrap [data-map-half-open]:hover,
  .mainwrap [data-map-close]:hover,
  .popup [data-map-open]:hover,
  .popup [data-map-half-open]:hover,
  .popup [data-map-close]:hover {
    opacity: 0.6;
  }
}
.mainwrap .socials,
.popup .socials {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: -18px;
}

.mainwrap .socials__link,
.popup .socials__link {
  display: block;
  flex: 0 0 auto;
  margin: 18px;
  line-height: 0;
  transform: translateZ(0);
  box-shadow: none;
}

@media (hover: hover) and (pointer: fine) {
  .mainwrap .socials__link,
  .popup .socials__link {
    cursor: pointer;
    transition: 0.2s;
  }
  .mainwrap .socials__link:hover,
  .popup .socials__link:hover {
    opacity: 0.5;
  }
}
.mainwrap .socials__link svg,
.popup .socials__link svg {
  width: 56px;
  height: 56px;
  fill: #1d1d1d;
  transition: 0.2s;
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .mainwrap .socials,
  .popup .socials {
    margin: -10px;
  }
  .mainwrap .socials__link,
  .popup .socials__link {
    margin: 10px;
  }
  .mainwrap .socials__link svg,
  .popup .socials__link svg {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .mainwrap .socials,
  .popup .socials {
    margin: -12px;
  }
  .mainwrap .socials__link,
  .popup .socials__link {
    margin: 12px;
  }
  .mainwrap .socials__link svg,
  .popup .socials__link svg {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 767px) {
  .mainwrap .socials,
  .popup .socials {
    margin: -12px;
  }
  .mainwrap .socials__link,
  .popup .socials__link {
    margin: 12px;
  }
  .mainwrap .socials__link svg,
  .popup .socials__link svg {
    width: 45px;
    height: 44px;
  }
}
@media (max-width: 374px) {
  .mainwrap .socials,
  .popup .socials {
    margin: -8px;
  }
  .mainwrap .socials__link,
  .popup .socials__link {
    margin: 8px;
  }
}
.mainwrap .social-block,
.popup .social-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
  padding: 30px 40px;
  padding-right: 30px;
  border: 2px solid rgba(29, 29, 29, 0.3);
  width: 1100px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mainwrap .social-block__title,
.popup .social-block__title {
  font-size: 32px;
  line-height: 44px;
  margin-right: 15px;
  flex: 0 0 auto;
}

.mainwrap .social-block .socials,
.popup .social-block .socials {
  flex: 0 0 auto;
  justify-content: flex-end;
}

@media (max-width: 1399px) and (min-width: 768px) {
  .mainwrap .social-block,
  .popup .social-block {
    padding: 20px 30px;
  }
  .mainwrap .social-block__title,
  .popup .social-block__title {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .mainwrap .social-block,
  .popup .social-block {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
  .mainwrap .social-block .socials,
  .popup .social-block .socials {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .mainwrap .social-block,
  .popup .social-block {
    display: block;
    padding: 24px 12px;
    border-width: 1px;
  }
  .mainwrap .social-block__title,
  .popup .social-block__title {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
  }
  .mainwrap .social-block .socials,
  .popup .social-block .socials {
    margin-left: -9px;
    margin-right: -9px;
    max-width: calc(100% + 18px);
    width: calc(100% + 18px);
    justify-content: center;
  }
  .mainwrap .social-block .socials__link,
  .popup .social-block .socials__link {
    margin: 9px;
  }
}
@media (max-width: 374px) {
  .mainwrap .social-block,
  .popup .social-block {
    padding: 20px 12px;
  }
  .mainwrap .social-block .socials,
  .popup .social-block .socials {
    margin: 0 auto;
    justify-content: center;
    width: 200px;
  }
}
.tabs {
  overflow: hidden;
  --primary: #92D51E;
  --color: #1D1D1D;
}
.tabs__head {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  max-width: 1318px;
  margin-left: auto;
  margin-right: auto;
}
.tabs__head .tabs__caption:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.tabs__head .tabs__caption:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.tabs__head .tabs__caption:not(:first-child) {
  border-left: none;
}
.tabs__head--flat {
  max-width: fit-content;
  justify-content: center;
}
.tabs__head--flat .tabs__caption:first-child,
.tabs__head--flat .tabs__caption:last-child {
  border-radius: 0;
}
.tabs__head--flat .tabs__caption {
  border: none;
  border-bottom: 5px solid transparent;
  padding: 15px 47px;
  display: flex;
  justify-content: center;
  max-width: fit-content;
}
.tabs__head--flat .tabs__caption.active {
  border-color: #92D51E;
  background: none;
}
.tabs__caption {
  flex: 1;
  text-align: center;
  padding: 15px 11px;
  font-size: 32px;
  line-height: 120%;
  font-weight: 400;
  letter-spacing: 0.02em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--color);
  opacity: 0.6;
  background: #ffffff;
  transition: 0.25s;
  border: 1px solid #92D51E;
  white-space: nowrap;
}
.tabs__caption:hover {
  opacity: 0.8;
}
.tabs__caption.active {
  opacity: 1;
  background: var(--primary);
  font-weight: 500;
}
.tabs__body {
  position: relative;
  top: -2px;
  transition: 0.25s;
}
.tabs__content {
  display: none;
  padding: 0;
  color: var(--color);
  transform: scaleY(0.8);
  opacity: 0;
  transform-origin: center top;
  -webkit-animation: showContent 0.6s forwards;
  animation: showContent 0.6s forwards;
}
.tabs__content.active {
  display: block;
}

@-webkit-keyframes showContent {
  0% {
    transform: scaleY(0.8);
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes showContent {
  0% {
    transform: scaleY(0.8);
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}
.bron__form__left {
  position: relative;
  display: block;
  width: 100%;
}

.bron__form__right {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}

.bron__form {
  position: relative;
  display: block;
}

.bron__form__button_box {
  position: relative;
  display: block;
  height: 90px;
}

.bron__form__hint {
  position: relative;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 30px;
  color: #000;
  text-align: center;
}

.bron__form__name {
  position: relative;
  display: block;
  width: 100%;
  height: 45px;
}

.bron__form__divider {
  position: absolute;
  display: block;
  top: 45px;
  left: 20px;
  right: 20px;
  height: 1px;
  background-color: #919191;
  margin-top: -1px;
}

.bron__form__phone {
  position: relative;
  display: block;
  width: 100%;
  height: 45px;
}

.bron__form__name__input,
.bron__form__phone__input {
  position: relative;
  display: block;
  width: 100%;
  height: 45px;
  background-color: #e5f1f9;
  padding: 0 40px 0 20px;
  box-shadow: none;
  border: none;
  font-size: 14px;
  box-sizing: border-box;
}

.bron__form__name__icon {
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  top: 14px;
  right: 20px;
  background-image: url(/local/templates/summer/images/icon_user.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.bron__form__phone.valid .bron__form__phone__input {
  background-color: #fff;
}

.bron__form__phone__icon {
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  top: 14px;
  right: 20px;
  background-image: url(/local/templates/summer/images/icon_field_phone_gray.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.bron__form__phone.valid .bron__form__phone__icon {
  background-image: url(/local/templates/summer/images/icon_field_phone_green.svg);
}

.bron__form__phove.valid .bron__form__phone__input {
  background-color: #fff;
}

.bron__form__name.valid .bron__form__name__icon {
  background-image: url(/local/templates/summer/images/avatar_green.svg);
}

.bron__form__name.valid .bron__form__name__input {
  background-color: #fff;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  font-family: Formular, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.modal-dialog .callback {
  position: relative;
  display: block;
  width: 320px;
  padding: 40px 0 23px 0;
}

.modal-dialog .callback__title {
  position: relative;
  display: block;
  text-align: center;
  font-size: 23px;
  line-height: 27px;
  color: #000;
}

.modal-dialog .modal-content {
  border: none;
}

.modal-dialog .modal-body {
  padding: 0;
}

.modal-dialog .bron__form__button_box__bron:hover {
  color: #fff;
  text-decoration: none;
  -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5);
}

.modal-dialog .bron__form__button_box__bron_fake {
  position: relative;
  display: inline-block;
  font-family: "Formular";
  font-size: 14px;
  line-height: 48px;
  padding: 0 30px 0 50px;
  color: #92d51e;
  background-color: #fff;
  transition: 0.2s;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  text-decoration: none;
  margin-left: 0px;
  -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5);
  margin-top: 24px;
  cursor: pointer;
}

.modal-dialog .bron__form__button_box__bron_fake span:not(.simple-span) {
  position: absolute;
  display: block;
  width: 17px;
  height: 18px;
  top: 7px;
  left: 20px;
}

.modal-dialog .bron__form__button_box__bron {
  position: relative;
  display: none;
  font-family: "Formular";
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  padding: 0 30px 0 50px;
  background-color: #92d51e;
  transition: 0.2s;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  text-decoration: none;
  margin-left: 20px;
  margin-top: 24px;
}

.modal-dialog .bron__form__button_box__loader {
  position: absolute;
  display: none;
  bottom: -20px;
  width: 100%;
  height: 20px;
  background-color: transparent;
  transition: 0.2s;
}

.modal-dialog label input {
  display: none;
}

.modal-dialog .user_agreement input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
}

.modal-dialog .bron__form__button_box__bron span:not(.simple-span) {
  position: absolute;
  display: block;
  width: 17px;
  height: 18px;
  top: 5px;
  left: 20px;
}

.modal-dialog input[type=checkbox] {
  margin: 0;
}

.modal-dialog input:focus-visible {
  outline: none;
}

.modal-dialog .user_agreement {
  display: block;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
}

.modal-dialog .user_agreement a {
  text-decoration: none;
  color: #337ab7;
  font-weight: normal;
}

.modal-dialog.callback_dialog {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.modal-dialog.callback_dialog .modal_close {
  position: absolute;
  display: block;
  top: 0px;
  right: 0px;
  width: 33px;
  height: 33px;
  color: #0079c4;
  background-color: #fff;
  border: none;
  font-size: 24px;
  line-height: 20px;
  border-left: 1px solid #e5f1f9;
  border-bottom: 1px solid #e5f1f9;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  cursor: pointer;
  pointer-events: all;
}

.modal-dialog.callback_dialog .modal_close:hover {
  background-color: #e5f1f9;
}

.modal-content {
  border: none;
}

.callback {
  position: relative;
  display: block;
  width: 320px;
  padding: 40px 0 23px 0;
}

.callback__title {
  position: relative;
  display: block;
  text-align: center;
  font-size: 23px;
  line-height: 27px;
  color: #000;
}

.callback_dialog {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

@font-face {
  font-family: "Formular";
  src: url("/local/templates/summer/fonts/Formular-BlackItalic.eot");
  src: local("fonts/Formular-BlackItalic.eot"), local("Formular-BlackItalic"), url("/local/templates/summer/fonts/Formular-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/fonts/Formular-BlackItalic.woff2") format("woff2"), url("/local/templates/summer/fonts/Formular-BlackItalic.woff") format("woff"), url("/local/templates/summer/fonts/Formular-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Formular";
  src: url("/local/templates/summer/fonts/Formular-MediumItalic.eot");
  src: local("fonts/Formular Medium Italic"), local("Formular-MediumItalic"), url("/local/templates/summer/fonts/Formular-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/fonts/Formular-MediumItalic.woff2") format("woff2"), url("/local/templates/summer/fonts/Formular-MediumItalic.woff") format("woff"), url("/local/templates/summer/fonts/Formular-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Formular";
  src: url("/local/templates/summer/fonts/Formular-Italic.eot");
  src: local("fonts/Formular Italic"), local("Formular-Italic"), url("/local/templates/summer/fonts/Formular-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/fonts/Formular-Italic.woff2") format("woff2"), url("/local/templates/summer/fonts/Formular-Italic.woff") format("woff"), url("/local/templates/summer/fonts/Formular-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Formular";
  src: url("/local/templates/summer/fonts/Formular-LightItalic.eot");
  src: local("fonts/Formular Light Italic"), local("Formular-LightItalic"), url("/local/templates/summer/fonts/Formular-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/fonts/Formular-LightItalic.woff2") format("woff2"), url("/local/templates/summer/fonts/Formular-LightItalic.woff") format("woff"), url("/local/templates/summer/fonts/Formular-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Formular";
  src: url("/local/templates/summer/fonts/Formular-Black.eot");
  src: local("fonts/Formular Black"), local("Formular-Black"), url("/local/templates/summer/fonts/Formular-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/fonts/Formular-Black.woff2") format("woff2"), url("/local/templates/summer/fonts/Formular-Black.woff") format("woff"), url("/local/templates/summer/fonts/Formular-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Formular";
  src: url("/local/templates/summer/fonts/Formular-Light.eot");
  src: local("fonts/Formular Light"), local("Formular-Light"), url("/local/templates/summer/fonts/Formular-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/fonts/Formular-Light.woff2") format("woff2"), url("/local/templates/summer/fonts/Formular-Light.woff") format("woff"), url("/local/templates/summer/fonts/Formular-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Formular";
  src: url("/local/templates/summer/fonts/Formular.eot");
  src: local("fonts/Formular"), url("/local/templates/summer/fonts/Formular.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/fonts/Formular.woff2") format("woff2"), url("/local/templates/summer/fonts/Formular.woff") format("woff"), url("/local/templates/summer/fonts/Formular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Formular";
  src: url("/local/templates/summer/fonts/Formular-Medium.eot");
  src: local("fonts/Formular Medium"), local("Formular-Medium"), url("/local/templates/summer/fonts/Formular-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/fonts/Formular-Medium.woff2") format("woff2"), url("/local/templates/summer/fonts/Formular-Medium.woff") format("woff"), url("/local/templates/summer/fonts/Formular-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Formular";
  src: url("/local/templates/summer/fonts/Formular-BoldItalic.eot");
  src: local("fonts/Formular Bold Italic"), local("Formular-BoldItalic"), url("/local/templates/summer/fonts/Formular-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/fonts/Formular-BoldItalic.woff2") format("woff2"), url("/local/templates/summer/fonts/Formular-BoldItalic.woff") format("woff"), url("/local/templates/summer/fonts/Formular-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Formular";
  src: url("/local/templates/summer/fonts/Formular-Bold.eot");
  src: local("fonts/Formular Bold"), local("Formular-Bold"), url("/local/templates/summer/fonts/Formular-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/summer/fonts/Formular-Bold.woff2") format("woff2"), url("/local/templates/summer/fonts/Formular-Bold.woff") format("woff"), url("/local/templates/summer/fonts/Formular-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
html,
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-weight: 400;
  letter-spacing: normal;
  color: #1d1d1d;
  --vh100: 100vh;
}

html input,
html textarea,
html button, html,
body input,
body textarea,
body button,
body {
  font-family: "Formular", Arial;
}

* {
  box-sizing: border-box;
}

video,
img,
svg {
  max-width: 100%;
  max-height: 100%;
}

.overflow-hidden {
  overflow: hidden;
}

.main-menu--open {
  overflow: hidden;
  margin-right: var(--scrollbarWidth);
}

.main-menu--open .header {
  margin-right: var(--scrollbarWidth) !important;
}

.mainwrap {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

.mainwrap > * {
  flex: 0 0 auto;
}

.mainwrap main {
  flex-grow: 1;
  padding-top: calc(var(--header-height) + 20px);
}

.header--transparent .mainwrap main {
  padding-top: 0 !important;
}

@media (max-width: 991px) {
  .mainwrap main {
    padding-top: calc(var(--header-height) + 10px);
  }
}
@media (max-width: 767px) {
  .mainwrap main {
    padding-top: calc(var(--header-height) + 10px);
  }
}
.header--gray .mainwrap main:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: calc(var(--header-height) + 20px);
  background-color: #f5f5f5;
}

@media (max-width: 991px) {
  .header--gray .mainwrap main:before {
    height: calc(var(--header-height) + 10px);
  }
}
@media (max-width: 767px) {
  .header--gray .mainwrap main:before {
    height: calc(var(--header-height) + 10px);
  }
}
.container {
  width: 100%;
  max-width: calc(100% - 48px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.container._1880 {
  width: 1880px;
}

.container._1680 {
  width: 1650px;
}

@media (max-width: 1399px) and (min-width: 992px) {
  .container._1680 {
    width: 1010px;
  }
}
.container._1080 {
  width: 1080px;
}

@media (max-width: 1399px) and (min-width: 992px) {
  .container._1080 {
    width: 840px;
  }
}
@media (max-width: 991px) {
  .container {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 374px) {
  .container {
    max-width: calc(100% - 32px);
  }
}
section {
  /*margin-top: 80px;*/
}

html .title-0,
.mainwrap .title-0,
.popup .title-0 {
  font-size: 80px;
  line-height: 1.2;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 8px;
}

@media (max-width: 1399px) {
  html .title-0,
  .mainwrap .title-0,
  .popup .title-0 {
    font-size: 72px;
    letter-spacing: 6px;
  }
}
@media (max-width: 1199px) {
  html .title-0,
  .mainwrap .title-0,
  .popup .title-0 {
    font-size: 68px;
  }
}
@media (max-width: 767px) {
  html .title-0,
  .mainwrap .title-0,
  .popup .title-0 {
    font-size: 32px;
    letter-spacing: 3px;
  }
}
html .title-1,
.mainwrap .title-1,
.popup .title-1 {
  font-size: 48px;
  line-height: 1.2;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  font-weight: 400;
}

@media (max-width: 1399px) {
  html .title-1,
  .mainwrap .title-1,
  .popup .title-1 {
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  html .title-1,
  .mainwrap .title-1,
  .popup .title-1 {
    font-size: 34px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 767px) {
  html .title-1,
  .mainwrap .title-1,
  .popup .title-1 {
    font-size: 24px;
    letter-spacing: -0.3px;
  }
}
html .title-2,
.mainwrap .title-2,
.popup .title-2 {
  font-size: 32px;
  line-height: 1.2;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  font-weight: 400;
  letter-spacing: -0.02em;
}

@media (max-width: 1399px) {
  html .title-2,
  .mainwrap .title-2,
  .popup .title-2 {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  html .title-2,
  .mainwrap .title-2,
  .popup .title-2 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  html .title-2,
  .mainwrap .title-2,
  .popup .title-2 {
    font-size: 20px;
  }
  html .title-2._sm-24,
  .mainwrap .title-2._sm-24,
  .popup .title-2._sm-24 {
    font-size: 24px;
  }
}
html .title-3,
.mainwrap .title-3,
.popup .title-3 {
  font-size: 24px;
  line-height: 1.2;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  font-weight: 400;
}

@media (max-width: 1399px) {
  html .title-3,
  .mainwrap .title-3,
  .popup .title-3 {
    font-size: 21.6px;
  }
}
@media (max-width: 1199px) {
  html .title-3,
  .mainwrap .title-3,
  .popup .title-3 {
    font-size: 20.4px;
  }
}
@media (max-width: 767px) {
  html .title-3,
  .mainwrap .title-3,
  .popup .title-3 {
    font-size: 16px;
  }
}
.btn.btn-show-more {
  background: #FFFFFF;
  border: 1px solid rgba(29, 29, 29, 0.5);
  border-radius: 7px;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: rgba(29, 29, 29, 0.5);
  margin-top: 24px;
}

.header__menu-btn {
  display: none;
}
.header__phone {
  display: none;
}

.banner {
  min-height: 1036px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-position-x: 100%;
  margin-top: 90px;
  position: relative;
}
.banner__content {
  background: rgba(122, 130, 66, 0.7);
  backdrop-filter: blur(5px);
  border-radius: 0px 25px 25px 0px;
  padding: 118px 153px 99px 141px;
  display: inline-flex;
  flex-direction: column;
  margin-top: 163px;
}
.banner__logo {
  margin-bottom: 75px;
}
.banner__buttons {
  display: flex;
  flex-direction: row;
  gap: 35px;
  justify-content: center;
}
.banner__button {
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  display: flex;
  font-size: 20px;
  line-height: 24px;
  padding: 12px 57px;
  color: #1D1D1D;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  border: 1px solid #FFC759;
}
.banner__button--yellow {
  background: #FFC759;
}
.banner__button--yellow:hover, .banner__button--yellow:focus {
  background-color: #ffb118;
}
.event-formats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.event-format {
  border-radius: 7px;
  padding: 34px 25px;
  height: 413px;
  background-color: #D9D9D9;
  display: flex;
  align-items: flex-end;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  position: relative;
  overflow: hidden;
}
.event-format--vertical {
  height: 660px;
}
.event-format__text {
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  z-index: 2;
}
.event-format:before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.57%, rgba(0, 0, 0, 0.4) 100%);
  height: 100%;
  width: 100%;
  display: flex;
  bottom: 0;
  left: 0;
}

.telegram-link {
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  display: flex;
  flex-direction: row;
  gap: 34px;
  display: inline-flex;
  padding: 11px 21px 9px 21px;
  align-items: center;
}
.telegram-link__text {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  color: #1D1D1D;
}
.telegram-link__link {
  text-decoration: none;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.telegram-link__button {
  background: #92D51E;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  color: #1D1D1D;
  font-size: 20px;
  line-height: 140%;
  padding: 7px 33px 8px 23px;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  margin-left: 9px;
}
.telegram-link__button:hover {
  background-color: #aaf12f;
}
.telegram-link__icon {
  margin-left: -18px;
  position: absolute;
  right: -58px;
  margin-top: 12px;
}

.events-slider {
  margin-top: 40px;
}
.events-slider .owl-stage {
  padding-bottom: 16px;
}
.events-slider .owl-stage-outer {
  padding-left: 16px;
  padding-right: 100px;
  margin-left: -16px;
  margin-right: -100px;
}

.event {
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  overflow: hidden;
  height: 670px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.event__image {
  background-color: #D9D9D9;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  padding: 22px 25px 0 25px;
  height: 520px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.event__date {
  background: rgba(29, 29, 29, 0.5);
  backdrop-filter: blur(2px);
  border-radius: 7px;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  padding: 7px 31px 7px 14px;
}
.event__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.event__bottom {
  background-color: #FFFFFF;
  padding: 25px;
}
.event__text {
  color: #000000;
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: -0.02em;
}
.event__logo img {
  max-width: 60px;
  max-height: 60px;
}

.features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 40px 20px;
  margin-bottom: 20px;
}
.features__wrap {
  transition: all 0.3s;
}

.feature__icon {
  margin-bottom: 36px;
}
.feature__name {
  font-weight: 700;
  font-size: 32px;
  line-height: 150%;
  color: #1D1D1D;
  margin-bottom: 20px;
  padding-right: 16px;
}
.feature__description {
  font-size: 20px;
  line-height: 150%;
  color: #1D1D1D;
}

.fslider {
  display: flex;
  align-items: stretch;
  min-height: 520px;
  margin: 40px 0 60px;
}
.fslider__left {
  flex: 0 0 42%;
  max-width: 42%;
  display: flex;
  flex-direction: column;
  padding-right: 60px;
}
.fslider__title {
  margin-bottom: 40px;
  text-align: left;
}
.fslider__slides {
  flex: 1;
}
.fslider__slide {
  display: none;
}
.fslider__slide.is-active {
  display: block;
}
.fslider__name {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1D1D1D;
  margin-bottom: 16px;
}
.fslider__desc {
  font-size: 18px;
  line-height: 150%;
  color: #1D1D1D;
}
.fslider__nav {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
}
.fslider__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1.5px solid #1D1D1D;
  background: transparent;
  cursor: pointer;
  color: #1D1D1D;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  flex-shrink: 0;
}
.fslider__nav-btn:hover {
  background-color: #92D51E;
  border-color: #92D51E;
}
.fslider__counter {
  font-size: 18px;
  font-weight: 500;
  color: #1D1D1D;
  min-width: 60px;
  text-align: center;
}
.fslider__right {
  flex: 0 0 58%;
  max-width: 58%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.fslider__img-wrap {
  display: none;
  position: absolute;
  inset: 0;
}
.fslider__img-wrap.is-active {
  display: block;
}
.fslider__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 1199px) {
  .fslider {
    min-height: 440px;
  }
  .fslider__left {
    padding-right: 40px;
  }
  .fslider__desc {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .fslider {
    flex-direction: column;
    min-height: auto;
    margin: 32px 0 48px;
  }
  .fslider__left {
    flex: none;
    max-width: 100%;
    padding-right: 0;
    order: 2;
  }
  .fslider__right {
    flex: none;
    max-width: 100%;
    height: 280px;
    position: relative;
    order: 1;
    margin-bottom: 24px;
  }
  .fslider__img-wrap {
    position: absolute;
  }
  .fslider__title {
    margin-bottom: 24px;
  }
  .fslider__nav {
    margin-top: 28px;
  }
}
@media (max-width: 575px) {
  .fslider__right {
    height: 220px;
  }
  .fslider__name {
    font-size: 17px;
  }
  .fslider__desc {
    font-size: 15px;
  }
  .fslider__nav-btn {
    width: 38px;
    height: 38px;
  }
  .fslider__counter {
    font-size: 16px;
  }
}
.about__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.about__logo {
  margin-bottom: 40px;
}
.about__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #1D1D1D;
  margin-bottom: 30px;
}
.about__text {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #1D1D1D;
}

.make-request {
  background: #92D51E;
  border-radius: 7px;
  display: grid;
  grid-template-columns: 55% 45%;
}
.make-request__left {
  padding: 37px 40px;
}
.make-request__text {
  font-size: 32px;
  line-height: 140%;
  color: #1D1D1D;
  margin-bottom: 24px;
}
.make-request__button {
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #1D1D1D;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  padding: 12px 40px;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s;
}
.make-request__button:hover, .make-request__button:focus {
  opacity: 0.85;
}
.make-request__right {
  display: flex;
  align-items: flex-end;
  padding-right: 37px;
}
.make-request__image {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  position: relative;
  display: flex;
}
.make-request__image:after {
  content: "";
  background-image: url(/local/templates/summer/images/star.svg);
  background-repeat: no-repeat;
  width: 86px;
  height: 76px;
  position: absolute;
  top: -18px;
  right: -19px;
}

.projects .owl-stage-outer {
  margin-top: -16px;
  margin-bottom: -16px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-left: -100px;
  margin-right: -100px;
  padding-left: 100px;
}
.projects .owl-dots {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 4px;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}
.projects .owl-dots .owl-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #1D1D1D;
  opacity: 0.3;
}
.projects .owl-dots .owl-dot.active {
  opacity: 1;
}

.project {
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  display: flex;
  overflow: hidden;
  text-decoration: none;
  height: 491px;
  align-items: flex-end;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.project__bottom {
  padding: 24px 44px 19px 12px;
  background: #FFFFFF;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  height: 109px;
}
.project__type {
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: #1D1D1D;
}
.project__name {
  font-size: 32px;
  line-height: 120%;
  color: #1D1D1D;
  margin-top: 4px;
}
.project__icon {
  margin-right: 16px;
}
.project__icon img {
  max-width: 60px;
  max-height: 60px;
}
.project__tags {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  z-index: 33;
  left: 16px;
  top: 16px;
  right: 16px;
}
.project__tag {
  border: 2px solid #000;
  margin: 4px;
  border-radius: 24px;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 6px 8px 4px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: transparent;
}
.project__tag--green {
  color: #c1ff00;
  border-color: #c1ff00;
}
.project__tag--black {
  color: #1d1d1d;
  border-color: #1d1d1d;
}

.mainwrap .header {
  padding-left: 24px;
  padding-right: 24px;
}
.mainwrap .header__right {
  margin: 0;
}
.mainwrap .header__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.mainwrap .header__mobile-socials {
  display: none;
}

.socials-top__single {
  text-decoration: none;
  margin-right: 18px;
}

.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 20px;
  grid-auto-flow: row;
  grid-template-areas: "gallery-1 gallery-2 gallery-3" "gallery-1 gallery-5 gallery-6" "gallery-4 gallery-5 gallery-9" "gallery-7 gallery-8 gallery-9";
}
.gallery__wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.gallery__single {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border-radius: unset;
  overflow: hidden;
  text-decoration: none;
  position: relative;
}
.gallery__single-content {
  padding: 35px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.gallery__single-text {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: -0.02em;
  z-index: 1;
}
.gallery__single--1 {
  grid-area: gallery-1;
  height: 612px;
}
.gallery__single--2 {
  grid-area: gallery-2;
  height: 350px;
}
.gallery__single--3 {
  grid-area: gallery-3;
  height: 350px;
}
.gallery__single--4 {
  grid-area: gallery-4;
  height: 350px;
  margin-top: -108px;
}
.gallery__single--5 {
  grid-area: gallery-5;
  height: 612px;
}
.gallery__single--6 {
  grid-area: gallery-6;
  height: 350px;
}
.gallery__single--7 {
  grid-area: gallery-7;
  height: 350px;
}
.gallery__single--8 {
  grid-area: gallery-8;
  height: 350px;
}
.gallery__single--9 {
  grid-area: gallery-9;
  height: 612px;
}

.ofmt {
  padding: 40px 0 60px;
  overflow: hidden;
}
.ofmt__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
}
.ofmt__header-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ofmt__title {
  font-family: "Bebas Neue", sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1D1D1D;
  margin: 0;
}
.ofmt__counter {
  font-family: "Bebas Neue", sans-serif;
  font-size: 22px;
  letter-spacing: 0.06em;
  color: #6b6b6b;
  line-height: 1;
}
.ofmt__header-right {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}
.ofmt__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1.5px solid #1D1D1D;
  background: transparent;
  cursor: pointer;
  color: #1D1D1D;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  flex-shrink: 0;
}
.ofmt__nav-btn:hover {
  background-color: #92D51E;
  border-color: #92D51E;
}
.ofmt__nav-btn.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
.ofmt__swiper {
  width: 100%;
  overflow: visible;
}
.ofmt__slide {
  cursor: grab;
}
.ofmt__slide:active {
  cursor: grabbing;
}
.ofmt__img {
  width: 100%;
  border-radius: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
}
.ofmt__info {
  margin-top: 20px;
  padding: 0 4px;
}
.ofmt__name {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1D1D1D;
  margin-bottom: 4px;
}
.ofmt__sub {
  font-family: "Bebas Neue", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b6b6b;
}

@media (max-width: 1399px) {
  .ofmt__title {
    font-size: 50px;
  }
}
@media (max-width: 1199px) {
  .ofmt__swiper .swiper-slide {
    width: 68vw;
  }
  .ofmt__title {
    font-size: 42px;
  }
  .ofmt__name {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .ofmt {
    padding: 32px 20px 48px;
  }
  .ofmt__swiper .swiper-slide {
    width: 80vw;
  }
  .ofmt__title {
    font-size: 36px;
  }
  .ofmt__name {
    font-size: 20px;
  }
  .ofmt__sub {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .ofmt__swiper .swiper-slide {
    width: 88vw;
  }
  .ofmt__img {
    border-radius: 0;
  }
  .ofmt__name {
    font-size: 15px;
  }
  .ofmt__nav-btn {
    width: 38px;
    height: 38px;
  }
}
.videos {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.videos__subtitle {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #1D1D1D;
  margin-bottom: 40px;
  display: block;
}
.videos__swiper .videos__next {
  right: 12.5%;
}
.videos__swiper .videos__prev {
  left: 12.5%;
}
.videos__swiper .videos__next,
.videos__swiper .videos__prev {
  color: #92D51E;
}

.video {
  margin-left: auto;
  margin-right: auto;
}

.life__subsection {
  margin-top: 40px;
}
.life__element {
  margin-top: 80px;
}
.life__picture {
  border-radius: 7px;
  max-height: 650px;
}
.life__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.06em;
  margin-bottom: 24px;
}
.life__description {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #1D1D1D;
}
.life__tg {
  display: inline-flex;
  flex-direction: column;
  margin-top: 40px;
}
.life__tg-top {
  font-size: 20px;
  line-height: 140%;
  color: #1D1D1D;
  padding: 17px 59px 34px 29px;
  border: 1px solid #92D51E;
  border-radius: 7px;
}
.life__tg-bottom {
  width: 100%;
  background-color: #92D51E;
  padding: 10px 29px;
  color: #1D1D1D;
  border-radius: 7px;
  margin-top: -24px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  font-size: 20px;
}
.life__tg-bottom:hover, .life__tg-bottom:focus {
  background-color: #aaf12f;
}
.life__tg-bottom svg {
  position: absolute;
  right: -24px;
  min-height: 64px;
  min-width: 64px;
}
.life__mobile-select {
  display: none;
}
.life__mobile-select .chosen-single {
  border-color: #92D51E;
  border-radius: 7px !important;
}
.life__mobile-select .chosen-single:hover {
  border-color: #92D51E;
}
.life__mobile-select .chosen-drop {
  border-radius: 7px;
  border: none;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  padding-top: 8px;
  padding-bottom: 8px;
  top: 100%;
}
.life__mobile-select .chosen-drop .chosen-results li {
  padding: 0 8px;
}
.life__mobile-select .chosen-drop .chosen-results li ._option__text {
  line-height: 37px;
  padding-left: 24px;
  padding-right: 24px;
  color: #4F4F4F;
}
.life__mobile-select .chosen-drop .chosen-results li.highlighted {
  background-color: transparent;
}
.life__mobile-select .chosen-drop .chosen-results li.highlighted ._option__text {
  background: #92D51E;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 7px;
}
.life__mobile-select--green {
  background-color: #92D51E;
}

.season-map {
  height: 850px;
}
.life-new__title {
  margin-bottom: 48px;
  text-align: left;
}
.life-new__mobile-nav {
  display: none;
}
.life-new__mob-cats {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 0;
  border-bottom: 1.5px solid #E0E0E0;
  margin-bottom: 16px;
  scrollbar-width: none;
}
.life-new__mob-cats::-webkit-scrollbar {
  display: none;
}
.life-new__mob-cat {
  flex-shrink: 0;
  background: none;
  border: none;
  border-bottom: 2.5px solid transparent;
  margin-bottom: -1.5px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8a8a8a;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.life-new__mob-cat.is-active {
  color: #1D1D1D;
  border-bottom-color: #92D51E;
}
.life-new__mob-select {
  display: none;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231D1D1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  border: 1.5px solid #D0D0D0;
  border-radius: 8px;
  padding: 14px 44px 14px 16px;
  font-size: 15px;
  font-weight: 600;
  color: #1D1D1D;
  cursor: pointer;
  margin-bottom: 24px;
}
.life-new__mob-select.is-active {
  display: block;
}
.life-new__desktop-nav {
  display: block;
}
.life-new__group {
  margin-top: 32px;
}
.life-new__group:last-child {
  margin-bottom: 0;
}
.life-new__group-name {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8a8a;
  margin-bottom: 12px;
}
.life-new__group-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.life-new__panel {
  display: none;
  flex-direction: column;
}
.life-new__panel.is-active {
  display: flex;
}
.life-new__panel-content {
  order: 2;
  padding: 0;
}
.life-new__panel-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.06em;
  margin-bottom: 20px;
}
.life-new__panel-desc {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #1D1D1D;
  margin-top: 32px;
}
.life-new__panel-img {
  order: 3;
  width: 100%;
  border-radius: 12px;
  margin-top: 40px;
  object-fit: cover;
  max-height: 420px;
}

@media (max-width: 1199px) {
  .life-new {
    gap: 40px;
  }
  .life-new__panel-title {
    font-size: 24px;
  }
  .life-new__panel-desc {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .life-new {
    flex-direction: column;
    padding: 40px 0 60px;
  }
  .life-new__left, .life-new__right {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .life-new__right {
    position: static;
  }
  .life-new__title {
    margin-bottom: 24px;
  }
  .life-new__mobile-nav {
    display: block;
  }
  .life-new__desktop-nav {
    display: none;
  }
  .life-new__panel-img {
    order: 1;
    margin-top: 0;
    margin-bottom: 24px;
    max-height: 260px;
  }
  .life-new__panel-content {
    order: 2;
  }
  .life-new__panel-title {
    font-size: 22px;
  }
  .life-new__panel-desc {
    font-size: 16px;
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  .life-new {
    padding: 32px 0 48px;
  }
  .life-new__panel-title {
    font-size: 20px;
  }
  .life-new__mob-cat {
    font-size: 12px;
    padding: 10px 12px;
  }
}

section {
  position: relative;
}

.section__anchor {
  pointer-events: none;
  opacity: 0;
  height: 0;
  margin-top: -160px;
  position: absolute;
}
.section--features {
  margin-top: 48px;
}

.site-description {
  font-size: 20px;
  line-height: 150%;
  color: #1D1D1D;
}
.site-description p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .videos__swiper .swiper-slide {
    height: 457px !important;
  }
  .videos__swiper .swiper-slide iframe {
    height: 457px !important;
  }
  .videos__swiper .videos__prev {
    left: 10%;
  }
  .videos__swiper .videos__next {
    right: 10%;
  }
}
@media (min-width: 991px) {
  html .title-2,
  .mainwrap .title-2,
  .popup .title-2 {
    font-size: 28px;
    font-weight: bold;
  }
  .container._1680 {
    width: 1170px;
  }
  .mainwrap .header {
    padding: 8px 30px 4px;
  }
  .mainwrap .header__left > *, .mainwrap .header__center > *, .mainwrap .header__right > * {
    margin-bottom: 8px;
  }
  .mainwrap .header__nav ul li a {
    font-size: 16px;
  }
  .mainwrap .header__logo svg {
    width: 140px;
    height: 70px;
  }
  .mainwrap .btn {
    font-size: 16px;
  }
  .mainwrap .socials__link {
    margin: 12px;
  }
  .mainwrap .socials__link svg {
    width: 40px;
    height: 40px;
  }
  .socials-top__single {
    margin-right: 14px;
  }
  .socials-top__single img {
    max-width: 30px;
    max-height: 30px;
  }
  .socials-top .socials-top__single:last-child {
    margin-right: 0;
  }
  .banner {
    min-height: 776px;
    background-position-y: 20%;
  }
  .banner__button {
    font-size: 14px;
    line-height: 1.2;
    padding: 8px 50px;
  }
  .banner__logo {
    max-width: 485px;
    margin-bottom: 60px;
  }
  .banner__content {
    padding: 85px 90px 85px 18vw;
  }
  .event-format {
    height: 290px;
    padding: 25px 20px;
  }
  .event-format--vertical {
    height: 464px;
  }
  .event-format__text {
    font-size: 20px;
  }
  .season-map {
    height: 650px;
  }
  .telegram-link__text {
    font-size: 17px;
  }
  .telegram-link__button {
    font-size: 14px;
  }
  .telegram-link__icon img {
    max-width: 80px;
    max-height: 80px;
  }
  .events-slider .owl-stage-outer {
    padding-right: 16px;
    margin-right: -16px;
  }
  .events-slider .owl-nav {
    position: absolute;
    top: 38%;
    width: 100%;
  }
  .events-slider .owl-nav .owl-prev,
  .events-slider .owl-nav .owl-next {
    color: #92D51E !important;
    font-size: var(--swiper-navigation-size) !important;
    line-height: var(--swiper-navigation-size) !important;
    font-family: swiper-icons !important;
  }
  .events-slider .owl-nav .owl-prev.disabled,
  .events-slider .owl-nav .owl-next.disabled {
    opacity: 0.5;
  }
  .events-slider .owl-nav .owl-prev {
    left: -64px;
    position: absolute;
  }
  .events-slider .owl-nav .owl-next {
    right: -64px;
    position: absolute;
  }
  .event {
    height: 420px;
  }
  .event__date {
    font-size: 14px;
  }
  .event__image {
    height: 346px;
    padding: 12px 18px 0 18px;
  }
  .event__text {
    font-size: 16px;
    line-height: 1.35;
  }
  .event__logo img {
    max-width: 40px;
    max-height: 40px;
  }
  .event__bottom {
    padding: 15px;
  }
  .feature__icon {
    max-width: 110px;
    max-height: 110px;
    margin-bottom: 24px;
  }
  .feature__name {
    font-size: 20px;
  }
  .feature__description {
    font-size: 16px;
    line-height: 1.55;
  }
  .tabs__caption {
    font-size: 20px;
  }
  .tabs__head:not(.tabs__head--flat) {
    max-width: 860px;
  }
  .tabs__head--flat .tabs__caption {
    border-width: 3px;
  }
  .life__title {
    font-size: 23px;
  }
  .life__description {
    font-size: 16px;
    line-height: 1.55;
  }
  .life__tg-top {
    font-size: 16px;
  }
  .life__tg-bottom {
    font-size: 14px;
  }
  .life__tg-bottom svg {
    min-height: 47px;
    min-width: 47px;
  }
  .gallery__single-text {
    font-size: 19px;
  }
  .gallery__single--1 {
    height: 500px;
  }
  .gallery__single--2 {
    height: 310px;
  }
  .gallery__single--3 {
    height: 310px;
  }
  .gallery__single--4 {
    height: 310px;
    margin-top: -140px;
  }
  .gallery__single--5 {
    height: 500px;
  }
  .gallery__single--6 {
    height: 310px;
  }
  .gallery__single--7 {
    height: 310px;
  }
  .gallery__single--8 {
    height: 310px;
  }
  .gallery__single--9 {
    height: 500px;
  }
  .about__title {
    font-size: 23px;
  }
  .about__text {
    font-size: 15px;
  }
  .about__logo {
    margin-bottom: 24px;
  }
  .about__logo img {
    max-width: 73px;
    max-height: 73px;
  }
  .make-request__text {
    font-size: 23px;
  }
  .make-request__button {
    font-size: 17px;
  }
  .make-request__left {
    padding: 30px;
  }
  .projects .owl-stage-outer {
    margin-left: -16px;
    margin-right: -12px;
    padding-left: 16px;
  }
  .project {
    height: 229px;
  }
  .project__bottom {
    height: 51px;
    padding: 4px 24px 4px 4px;
  }
  .project__type {
    font-size: 14px;
  }
  .project__name {
    font-size: 15px;
    margin-top: 0;
  }
  .project__icon {
    margin-right: 6px;
  }
  .project__icon img {
    max-width: 29px;
    max-height: 29px;
  }
  .project__tags {
    left: 10px;
    right: 10px;
    top: 10px;
  }
  .site-description p:first-child {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .socials-top {
    display: none;
  }
  .telegram-link {
    width: 100%;
    justify-content: space-between;
    padding: 17px 17px 20px 12px;
  }
  .telegram-link__icon {
    right: -20px;
  }
  .telegram-link__button {
    padding-right: 70px;
  }
  .banner {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 506px;
    background-position-x: 100%;
    margin-top: 57px;
  }
  .banner__content {
    max-width: calc(100% - 32px);
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 15px 30px 19px 25px;
    margin-top: 0;
  }
  .banner__logo {
    margin-bottom: 0;
    height: 160px;
  }
  .features {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .feature__name {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .feature__description {
    font-size: 16px;
  }
  .feature__icon {
    max-width: 100px;
    margin-bottom: 30px;
  }
  .about__logo {
    margin-top: 40px;
  }
  .about__right {
    width: 100%;
  }
  .about__image {
    width: 100%;
  }
  .about__title {
    font-weight: bold;
  }
  .event-format {
    height: 400px;
  }
  .event-format--vertical {
    height: 400px;
  }
  .life__mobile-select {
    display: block;
    border-radius: 7px;
  }
  .life__subsection {
    margin-top: 20px;
  }
  .life .tabs {
    display: none;
  }
  .gallery__single-text {
    font-size: 22px;
  }
  .gallery__single-content {
    padding: 24px 20px;
  }
  .season-map {
    height: 400px;
  }
  .mainwrap .header {
    padding-top: 0;
  }
  .mainwrap .header__mobile-socials {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-top: 20px;
  }
  .mainwrap .header__mobile-socials .socials-top__single {
    margin-right: 0;
  }
  .mainwrap .header__mobile-socials .socials-top__icon {
    max-width: 35px;
    max-height: 35px;
  }
  .mainwrap .header__menu-btn {
    display: block;
    margin-left: 0 !important;
    padding-top: 2px;
  }
  .mainwrap .header__phone {
    display: block;
  }
  .mainwrap .header__inner {
    flex-direction: column !important;
  }
  .mainwrap .header__nav {
    width: 100%;
    margin: 0 !important;
    padding-top: 16px;
    padding-bottom: 16px;
    display: block;
    transition: all 0.3s;
    opacity: 0;
    transform: translateY(100px);
  }
  .mainwrap .header__nav ul {
    flex-direction: column;
  }
  .mainwrap .header__nav ul li a {
    font-size: 16px;
    line-height: 140%;
  }
  .mainwrap .header__right {
    position: absolute;
    right: 0;
    top: 18px;
  }
  .mainwrap .header__left {
    margin: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
  .mainwrap .header__center {
    margin-right: 0;
    pointer-events: none;
    transition: all 0.5s;
    opacity: 0;
    height: 0;
  }
  .mainwrap .header__center.active {
    height: 250px;
    pointer-events: all;
    opacity: 1;
  }
  .mainwrap .header__center.active .header__nav {
    transform: translateY(0);
    opacity: 1;
  }
  .mainwrap .header:before {
    bottom: -18px;
  }


  .section__anchor {
    margin-top: -120px;
  }
  .site-description {
    font-size: 16px;
  }
  html .title-2,
  .mainwrap .title-2,
  .popup .title-2 {
    font-weight: bold;
  }
}
@media (max-width: 767px) {
  section {
    margin-top: 40px;
  }
  section.section--features {
    margin-top: -20px;
  }
  section.section--banner {
    margin-top: 94px;
  }
  .telegram-link {
    flex-direction: column;
    align-items: normal;
    gap: 18px;
    padding: 17px 17px 25px 12px;
  }
  .telegram-link__button {
    padding-right: 33px;
    width: 100%;
    margin-left: 0;
  }
  :root {
    --features-max-height: 840px;
  }
  .features__wrap.short {
    max-height: var(--features-max-height);
    overflow: hidden;
  }
  .feature__icon {
    max-width: 130px;
  }
  .project {
    height: 431px;
  }
  .project__name {
    font-size: 28px;
  }
  .project__type {
    font-size: 18px;
  }
  .project__bottom {
    height: 95px;
    padding: 20px 44px 16px 10px;
  }
  :root {
    --gallery-max-height: 564px;
  }
  .gallery {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "gallery-1 gallery-2" "gallery-3 gallery-4" "gallery-5 gallery-5" "gallery-6 gallery-7" "gallery-8 gallery-9";
    gap: 16px;
  }
  .gallery__wrap {
    gap: 16px;
  }
  .gallery__wrap.short {
    max-height: var(--gallery-max-height);
    overflow: hidden;
  }
  .gallery__single-text {
    font-size: 16px;
  }
  .gallery__single-content {
    padding: 12px 10px;
  }
  .gallery__single--1 {
    height: 210px;
  }
  .gallery__single--2 {
    height: 160px;
  }
  .gallery__single--3 {
    height: 160px;
  }
  .gallery__single--4 {
    height: 210px;
    margin-top: -50px;
  }
  .gallery__single--5 {
    height: 160px;
  }
  .gallery__single--6 {
    height: 210px;
  }
  .gallery__single--7 {
    height: 160px;
  }
  .gallery__single--8 {
    height: 160px;
  }
  .gallery__single--9 {
    height: 210px;
    margin-top: -50px;
  }
  .banner__buttons {
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    gap: 20px;
  }
  .banner__button {
    justify-content: center;
    font-size: 16px;
    padding: 7px 20px;
  }
  .banner__logo {
    height: 128px;
  }
  .videos__swiper {
    padding-left: 32px;
    padding-right: 32px;
    max-height: 50vw;
  }
  .videos__swiper .swiper-slide {
    height: 50vw !important;
  }
  .videos__swiper .swiper-slide iframe {
    height: 50vw !important;
  }
  .videos__swiper .videos__next {
    right: 0;
  }
  .videos__swiper .videos__prev {
    left: 0;
  }
  .videos__swiper .videos__next:after, .videos__swiper .videos__prev:after {
    font-size: 22px;
    line-height: 22px;
  }
  .videos__subtitle {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .event-formats {
    display: flex;
    gap: 0;
  }
  .event-format {
    padding: 15px 15px 36px 15px;
  }
  .event-format__text {
    font-size: 16px;
  }
  .life__element {
    margin-top: 30px;
  }
  .life__picture {
    margin-bottom: 30px;
  }
  .life__title {
    font-size: 20px;
  }
  .life__description {
    font-size: 16px;
  }
  .life__tg {
    margin-top: 24px;
  }
  .life__tg-top {
    font-size: 16px;
    padding: 13px 46px 30px 12px;
  }
  .life__tg-bottom {
    padding: 9px 12px;
  }
  .life__tg-bottom svg {
    max-width: 50px;
  }
  .life__mobile-select .chosen-single {
    height: 38px !important;
  }
  .make-request {
    display: flex;
    flex-direction: column;
  }
  .make-request__text {
    font-size: 20px;
    padding-right: 55px;
  }
  .make-request__button {
    font-size: 16px;
    padding: 10px 40px;
    width: 100%;
    text-align: center;
  }
  .make-request__left {
    padding: 24px 20px;
    padding-bottom: 34px;
  }
  .make-request__right {
    padding-right: 0;
    justify-content: center;
  }
  .mainwrap .header__right {
    top: 0px;
    right: 0px;
  }
  .event__image {
    padding: 17px 18px 0 19px;
    height: 400px;
  }
}
@media (max-width: 576px) {
  .telegram-link__text {
    font-size: 16px;
  }
  .telegram-link__button {
    font-size: 16px;
    padding: 8.5px 12px;
  }
  .telegram-link__icon {
    max-width: 74px;
  }
  .events-slider {
    margin-top: 20px;
  }
  .event {
    height: 480px;
  }
  .event__date {
    font-size: 14px;
  }
  .event__text {
    font-size: 16px;
  }
  .event__bottom {
    padding: 20px 44px 16px 18px;
  }
  .event__logo img {
    max-width: 47px;
    max-height: 47px;
  }
  :root {
    --features-max-height: 980px;
  }
  .features {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
  .about {
    margin-top: -35px;
  }
  .about__logo {
    margin-bottom: 30px;
    max-width: 52px;
    margin-top: 30px;
  }
  .about__title {
    margin-bottom: 12px;
    font-size: 20px;
  }
  .about__text {
    font-size: 16px;
  }
}
.section--banner .banner {
  position: relative;
}
.section--banner .banner picture.bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.section--banner .banner picture.bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.videos__swiper .swiper-slide-container {
  text-align: center;
}

.event__date {
  max-width: 160px;
}

.project__bottom-right {
  max-width: 115px;
}

@media (max-width: 767px) {
  .project__bottom-right {
    max-width: 100%;
  }
}

/*# sourceMappingURL=template_styles.css.map */

/* End */
/* /local/templates/summer/css/custom.css?1786614836232286 */
/* /local/templates/summer/template_styles.css?1786613283397344 */