@font-face {
  font-family: Font;
  src: url('../fonts/font-400.woff2') format("woff2"), url('../fonts/font-400.woff') format("woff"), url('../fonts/font-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font;
  src: url('../fonts/font-700.woff2') format("woff2"), url('../fonts/font-700.woff') format("woff"), url('../fonts/font-700.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Italic;
  src: url('../fonts/italic-400.woff2') format("woff2"), url('../fonts/italic-400.woff') format("woff"), url('../fonts/italic-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #121212;
  --white: white;
  --green: #456649;
  --gray: #b1bbb2;
  --subblack: #262626;
  --beige: #cfc4b4;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--black);
  font-family: Font, Tahoma, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

h1 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 110%;
}

h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 110%;
}

p {
  margin-bottom: 1rem;
  line-height: 150%;
}

a {
  color: var(--black);
  font-weight: 400;
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: .5rem;
  padding-left: 2rem;
}

li {
  margin-bottom: .5rem;
  line-height: 150%;
}

strong {
  font-weight: 700;
}

.container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 5.5rem 2.5rem 6rem;
}

.container.container--hero {
  z-index: 3;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 6rem;
  display: flex;
  position: relative;
}

.container.container--portfolio {
  padding-bottom: 0;
}

.container.container--footer {
  padding-top: 0;
}

.container.container--all {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.container.container__content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 5rem;
  padding-bottom: 4rem;
}

.container.container--thx {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.hero {
  height: 100vh;
  min-height: 45rem;
  position: relative;
}

.header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
}

.header.header--all {
  max-width: 1440px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.menu {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo__img {
  width: 4rem;
  height: 4rem;
}

.logo__img.logo__img--all {
  width: 3.5rem;
  height: 3.5rem;
}

.menu__button {
  background-color: #0000;
  background-image: url('../images/menu.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3rem;
  height: 3rem;
  padding: 0;
  display: none;
}

.menu__list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.menu__item {
  margin-bottom: 0;
  list-style: none;
}

.menu__link {
  color: var(--white);
  padding: 1rem;
  font-size: .875rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s;
  display: block;
}

.menu__link:hover {
  opacity: .8;
  transform: translate(0, -.125rem);
}

.menu__inquire {
  border: 1px solid var(--white);
  color: var(--white);
  background-color: #cfc4b400;
  border-radius: 5px;
  min-width: 10rem;
  min-height: 2.5rem;
  font-size: .875rem;
  font-weight: 700;
  transition: all .3s;
}

.menu__inquire:hover {
  background-color: var(--white);
  color: var(--black);
  transform: translate(0, -.125rem);
}

.hero__head {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 3rem;
  font-size: 4.5rem;
  font-weight: 700;
}

.hero__head--italic {
  text-transform: none;
  font-family: Italic, Tahoma, sans-serif;
  font-size: 5rem;
  font-weight: 400;
}

.hero__subhead {
  color: var(--white);
  margin-bottom: 4rem;
  font-size: 1.75rem;
  line-height: 150%;
}

.button {
  background-color: var(--green);
  color: var(--white);
  background-image: url('../images/arrow.svg');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 5px;
  min-width: 16rem;
  min-height: 3.75rem;
  padding-left: 2rem;
  padding-right: 4rem;
  font-weight: 700;
  transition: all .3s;
}

.button:hover {
  background-color: var(--black);
  background-position: 95%;
  transform: translate(.25rem);
}

.button.button--packages {
  background-image: none;
  min-height: 3rem;
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 2rem;
  font-size: .875rem;
}

.button.button--packages:hover {
  transform: translate(0, -.25rem);
}

.button.button__hero {
  text-align: left;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  min-width: 18rem;
  padding-left: 2rem;
  padding-right: 1rem;
}

.projects {
  overflow: hidden;
}

.heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 5.5rem;
  display: grid;
}

.heading.heading--footer {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2rem;
  display: flex;
}

.heading__name {
  color: var(--gray);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 6rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: 80%;
}

.heading__name.heading__name--white {
  color: var(--white);
}

.heading__name.heading__name--footer {
  color: var(--black);
  padding-left: 0;
  font-family: Italic, Tahoma, sans-serif;
  font-size: 4rem;
  font-weight: 400;
}

.heading__desc {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-left: 2px solid var(--green);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 2rem;
  display: flex;
}

.heading__desc.heading__desc--footer {
  border-left-style: none;
  padding-left: 0;
}

.heading__text {
  color: var(--subblack);
  max-width: 35rem;
  font-size: 1.25rem;
  line-height: 140%;
}

.heading__text.heading__text--white {
  color: var(--white);
}

.heading__link {
  background-image: url('../images/arrow-black.svg');
  background-position: 95% 55%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 2rem;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
  transition: all .2s;
}

.heading__link:hover {
  background-position: 100% 55%;
}

.heading__link.heading__link--white {
  color: var(--white);
  background-image: url('../images/arrow.svg');
}

.slider {
  width: 100vw;
  margin-bottom: 2.5rem;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  left: 50%;
  right: 50%;
  overflow: visible;
}

.slider__list {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slider__item {
  cursor: pointer;
  border-radius: 15px;
  flex: none;
  width: 22rem;
  margin-right: 1.5rem;
  position: relative;
  overflow: hidden;
}

.slider__item.slider__item--all {
  width: auto;
  margin-right: 0;
}

.projects__overlay {
  background-color: #1a1a1a00;
  background-image: linear-gradient(0deg, #121212b3, #fff0 50%);
  justify-content: flex-start;
  align-items: flex-end;
  transition: all 1s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.projects__overlay:hover {
  background-color: #1a1a1a1a;
}

.projects__bottom {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.projects__info {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.projects__text {
  color: var(--white);
  font-size: .75rem;
  line-height: 140%;
}

.projects__link {
  background-image: url('../images/arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 1rem;
  height: 1rem;
  transition: all .3s;
}

.projects__package {
  background-color: var(--white);
  text-align: right;
  border-radius: 5px;
  margin-top: 1rem;
  margin-left: 1rem;
  padding: .375rem;
  font-size: .75rem;
  font-weight: 700;
  line-height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.slider__nav {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider__button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  background-image: url('../images/arrow-right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border: 1px #eee;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  transition: all .3s;
}

.slider__button:hover {
  border-color: #ccc;
}

.slider__button.slider__button--right {
  background-image: url('../images/arrow-left.svg');
}

.portfolio {
  background-color: var(--black);
  padding-bottom: 4rem;
}

.strip {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.strip__mask {
  position: relative;
  overflow: hidden;
}

.strip__track {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.strip__item {
  cursor: grab;
  border-radius: 15px;
  flex: none;
  width: 30vw;
  height: 20vw;
  position: relative;
  overflow: hidden;
}

.strip__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.packages__filter {
  border-radius: 5px;
  margin-bottom: 2rem;
  display: inline-flex;
  overflow: hidden;
}

.packages__filter__button {
  color: var(--black);
  background-color: #e5ebe6;
  padding: 1rem 2rem;
  font-size: 1rem;
  font-weight: 700;
  transition: all .3s;
}

.packages__filter__button:hover, .packages__filter__button.packages__filter__button--active {
  background-color: var(--green);
  color: var(--white);
}

.packages__filter__button.packages__filter__button--center {
  background-color: #d3dbd5;
}

.packages__filter__button.packages__filter__button--center:hover {
  background-color: var(--green);
}

.packages__list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 2rem;
  display: grid;
}

.packages__list.packages__list--thx {
  margin-bottom: 4rem;
}

.packages__item {
  background-color: #fafafa;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 2rem 1rem;
  display: flex;
  position: relative;
}

.packages__item.packages__item--addons {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 2rem;
  display: inline-flex;
}

.packages__item.packages__item--thx {
  padding-bottom: 2rem;
}

.packages__head {
  color: var(--green);
  margin-bottom: 0;
  font-family: Italic, Tahoma, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 100%;
}

.packages__head.packages__head--addons {
  color: var(--black);
  margin-bottom: .5rem;
  font-family: Font, Tahoma, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.price {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 1.5rem;
  display: flex;
}

.price__actual {
  color: var(--black);
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%;
}

.price__old {
  color: var(--gray);
  font-size: 1.125rem;
  font-weight: 400;
  text-decoration: line-through;
}

.price__text {
  color: var(--subblack);
  margin-bottom: 1.5rem;
  font-size: .875rem;
  font-weight: 700;
}

.packages__text {
  color: var(--subblack);
  font-size: .875rem;
  line-height: 150%;
}

.packages__feature {
  align-self: stretch;
  margin-bottom: 2rem;
}

.packages__feature.packages__feature--addons {
  margin-bottom: 0;
}

.feature__item {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.feature__param, .feature__value {
  font-size: .75rem;
}

.packages__alert {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: .75rem;
}

.packages__time {
  color: var(--white);
  text-transform: uppercase;
  background-color: #818a82;
  border-radius: 5px;
  margin-top: 1rem;
  margin-right: -.5rem;
  padding: .25rem .5rem;
  font-size: .875rem;
  font-weight: 700;
  position: absolute;
  inset: 0% 0% auto auto;
}

.packages__time.packages__time--unlim {
  background-color: #a89a84;
}

.packages__bottom {
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  padding-top: 1.5rem;
  display: flex;
}

.addons__left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer__block {
  background-color: var(--gray);
  border-radius: 15px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  padding: 0;
  display: grid;
  overflow: hidden;
}

.map__left {
  padding: 3rem 2rem;
}

.map__right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: minmax(auto, 13rem) minmax(auto, 13rem);
  grid-template-columns: minmax(auto, 15rem) minmax(auto, 15rem);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  padding: 3rem 2rem;
  display: flex;
}

.footer__menu {
  grid-column-gap: 1rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  margin-bottom: 2rem;
  display: flex;
}

.footer__link {
  font-size: .875rem;
  font-weight: 700;
  text-decoration: none;
}

.social {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  margin-left: -.5rem;
  display: inline-flex;
}

.social__item {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: inline-flex;
}

.social__img {
  width: 2rem;
}

.heading__name--second {
  color: var(--green);
  text-transform: none;
  margin-left: -5.5rem;
  font-family: Italic, Tahoma, sans-serif;
  font-size: 5rem;
  font-weight: 400;
}

.bronze {
  background-color: #896c5b;
}

.gold {
  background-color: #dcc26c;
}

.portfolio__link {
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  display: flex;
}

.portfolio__video {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1.5rem 1.5rem 0;
  display: none;
}

.strip__item--video {
  cursor: pointer;
  border-radius: 15px;
  flex: none;
  width: 100%;
  height: 20vw;
  position: relative;
  overflow: hidden;
}

.portfolio__over {
  background-color: #0d0d0d4d;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 3rem;
  padding-right: 3rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.portfolio__over:hover {
  background-color: #0d0d0d33;
}

.portfolio__play {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.portfolio__play__text {
  color: var(--white);
  text-align: right;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 700;
  line-height: 120%;
}

.portfolio__play__img {
  width: 1.75rem;
}

.about {
  background-color: var(--black);
}

.team {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.team__item {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}

.blog__list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog__item {
  flex-flow: column;
  display: flex;
}

.blog__item__top {
  position: relative;
}

.blog__item__bottom {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.blog__item__img {
  border-radius: 15px;
}

.blog__item__taglist {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.blog__item__taglist.blog__item__taglist--blog {
  padding-top: 2rem;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
}

.blog__item__tag {
  background-color: var(--white);
  border-radius: 5px;
  padding: .375rem;
  font-size: .75rem;
  font-weight: 700;
  line-height: 100%;
}

.blog__item__head {
  font-weight: 700;
}

.blog__item__desc {
  color: var(--subblack);
  font-size: .875rem;
}

.blog__item__author {
  color: var(--green);
  font-weight: 700;
}

.cta__wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.cta__wrap.cta__desc--portfolio {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.cta {
  background-color: var(--gray);
  border-radius: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 4rem;
  padding: 2.5rem 3rem;
  display: flex;
  position: relative;
}

.cta.cta__wrap--portfolio {
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.cta.cta__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.hero__button {
  display: inline-flex;
  position: relative;
}

.button__offer {
  margin-right: 15px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.offer__text {
  color: var(--white);
  text-align: center;
  font-size: .75rem;
  font-weight: 700;
  line-height: 100%;
  position: absolute;
  inset: 7px 0% auto;
}

.offer__img {
  margin-top: -8px;
}

.cta__img {
  object-fit: cover;
  border-radius: 100%;
  width: 15rem;
  height: 15rem;
}

.cta__img.cta__img--portfolio {
  aspect-ratio: 1;
  border-radius: 100%;
  width: 70%;
  height: auto;
}

.cta__desc {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 1.5rem;
}

.cta__desc.cta__desc--portfolio {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.map__bg {
  opacity: .7;
  filter: saturate(25%);
  object-fit: cover;
  max-width: 15rem;
  transition: all .3s;
}

.map__bg:hover {
  filter: saturate();
}

.map__item {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.map__over {
  background-color: #26262680;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.map__text {
  color: var(--white);
  text-align: center;
  margin-left: -2rem;
  font-family: Font, Tahoma, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 130%;
}

.map__strong {
  padding-left: 3rem;
  font-family: Italic, Tahoma, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
}

.team__bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding: 0;
}

.team__over {
  background-color: #26262680;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.team__text {
  color: var(--white);
  letter-spacing: .05rem;
  margin-bottom: .5rem;
  font-family: Italic, Tahoma, sans-serif;
  font-size: 2.25rem;
  line-height: 110%;
}

.team__desc {
  color: var(--white);
  text-align: center;
  min-height: 3rem;
  font-size: .875rem;
  line-height: 140%;
}

.map {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.first.first--black {
  background-color: var(--black);
}

.first__header {
  background-color: var(--green);
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.breadcrumbs {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.breadcrumbs.breadcrumbs--white {
  color: var(--white);
}

.breadcrumbs__link {
  background-image: url('../images/arrow-left.svg');
  background-position: 100% 60%;
  background-repeat: no-repeat;
  background-size: 7px;
  padding-right: 1rem;
  font-size: .875rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.breadcrumbs__link.breadcrumbs__link--page {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-right: 0;
}

.breadcrumbs__link.breadcrumbs__link--white {
  color: var(--white);
  background-image: url('../images/arrow-left-w.svg');
}

.project__list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.portfolio__list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: 20vw;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 20vw;
  grid-auto-columns: 1fr;
  padding-bottom: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: grid;
}

.portfolio__item {
  border-radius: 15px;
  grid-area: span 1 / span 1 / span 1 / span 1;
  position: relative;
  overflow: hidden;
}

.portfolio__item.portfolio__item--vertical {
  grid-area: span 2 / span 1 / span 2 / span 1;
  position: relative;
}

.portfolio__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hero__img {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.hero__over {
  z-index: 2;
  background-image: linear-gradient(#12121299, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
}

.hero__over.hero__over--project {
  background-image: linear-gradient(#0000 30%, #121212b3), linear-gradient(#1212124d, #0000);
}

.hero__content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.project__first {
  width: 100%;
}

.project__head {
  color: var(--white);
  text-transform: capitalize;
  margin-bottom: 2rem;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 140%;
}

.project__subhead {
  color: var(--white);
  margin-bottom: .25rem;
  font-family: Font, Tahoma, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 130%;
}

.project__date {
  color: var(--white);
  font-family: Font, Tahoma, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 130%;
}

.project__about__list {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project__about__list.project__about--second {
  grid-template-columns: 1fr 1.2fr;
}

.project__about__item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.project__about__img {
  border-radius: 15px;
}

.project__about__text {
  color: var(--subblack);
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 160%;
}

.project__about {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  margin-bottom: 6rem;
  display: flex;
}

.project__video {
  z-index: 15000;
  aspect-ratio: 16 / 9;
  background-color: var(--subblack);
  background-image: url('../images/play.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  border: 0 solid #000;
  border-radius: 15px;
  height: 100%;
  margin-bottom: 6rem;
  display: block;
  position: relative;
}

.project__package {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project__package__right {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}

.project__desc {
  grid-column-gap: 1rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  margin-top: 4.5rem;
  margin-bottom: 4rem;
  display: flex;
}

.project__desc__item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  min-width: 14rem;
  display: flex;
}

.project__desc__img {
  width: 2rem;
}

.project__desc__text {
  font-weight: 700;
}

.note {
  margin-bottom: 2.5rem;
}

.note__head {
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 150%;
}

.note__text {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 150%;
}

.project__head--strong {
  text-transform: none;
  font-family: Italic, Tahoma, sans-serif;
  font-size: 6rem;
  font-weight: 400;
}

.project__gallery {
  background-color: var(--black);
  padding-bottom: 3.5rem;
}

.content__head {
  margin-top: 3rem;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}

.content__subhead {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.125rem;
}

.content__wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.content__wrapper.content__wrapper--triple {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content__wrapper.content__wrapper--double {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content__img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 0 #000;
  border-radius: 15px;
  width: 100%;
}

.content__img.content__img--vertical {
  aspect-ratio: 9 / 16;
}

.content__item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.content__caption {
  color: #999;
  text-align: center;
  font-size: .875rem;
}

.cta__head {
  color: var(--white);
  text-transform: none;
  margin-bottom: 1.5rem;
  padding-top: 2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%;
}

.cta__text {
  color: var(--subblack);
  margin-right: 3rem;
  font-size: 1.25rem;
  line-height: 150%;
}

.cta__text--strong {
  font-weight: 700;
}

.cta__head--strong {
  color: var(--green);
  margin-left: -2rem;
  font-family: Italic, Tahoma, sans-serif;
  font-size: 4rem;
  font-weight: 400;
}

.packages__section__name {
  color: var(--black);
  text-transform: none;
  font-family: Font, Tahoma, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 130%;
}

.packages__section__text {
  color: var(--black);
  font-family: Font, Tahoma, sans-serif;
  font-size: 1.125rem;
  line-height: 140%;
}

.packages__section__head {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #dbe0dc;
  border-radius: 5px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  padding: 1rem 3rem 1.125rem 2rem;
  display: inline-flex;
}

.packages__all {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.thx {
  background-color: var(--gray);
  border-radius: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 3rem 5rem 4rem;
  display: flex;
  position: relative;
}

.thx__wrap {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.thx__text {
  color: var(--subblack);
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 150%;
}

.thx__head {
  color: var(--white);
  text-align: center;
  text-transform: none;
  margin-bottom: 1.5rem;
  padding-top: 2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%;
}

.advantage__list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.advantage {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
  display: flex;
}

.advantage__item {
  border-left: 3px solid var(--green);
  padding-left: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.thx__home {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.thx__price__head {
  color: var(--black);
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 150%;
}

.packages__section__img {
  width: 2rem;
  height: 2rem;
}

.packages__section {
  margin-top: 5rem;
}

.packages__section__icon {
  background-color: var(--gray);
  border-radius: 100%;
  padding: 1rem;
}

.cta__bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reviews {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.review__star {
  width: .75rem;
}

.review__stars {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  display: flex;
}

.review__amount__img {
  width: 1.125rem;
}

.review__amount {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.review__amount__text {
  color: var(--white);
  font-size: .75rem;
  line-height: 100%;
  text-decoration: none;
}

.review {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--black);
  color: var(--black);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem .75rem;
  text-decoration: none;
  display: inline-flex;
}

.rating {
  color: var(--white);
  letter-spacing: -2px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 100%;
}

.review__desc {
  flex-flow: column;
  display: flex;
}

.thx__subhead {
  color: var(--white);
  text-align: center;
  text-transform: none;
  margin-bottom: 4rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
}

.advantage__block {
  background-color: var(--white);
  border-radius: 5px;
  padding: 1rem 2rem 1.5rem;
}

.thx__bonus {
  display: block;
}

.menu__close {
  background-color: #0000;
  background-image: url('../images/menu.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3rem;
  height: 3rem;
  padding: 0;
  display: none;
}

@media screen and (max-width: 991px) {
  body {
    line-height: 150%;
  }

  .container {
    max-width: none;
  }

  .hero {
    height: auto;
    min-height: auto;
  }

  .header {
    margin-bottom: 5rem;
  }

  .menu__button {
    display: block;
  }

  .menu__list {
    z-index: 1000;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: var(--white);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 80%;
    height: 100%;
    padding: 3rem 5rem 1rem 2rem;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
  }

  .menu__link {
    color: var(--black);
  }

  .heading {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    margin-bottom: 3.5rem;
  }

  .heading.heading--footer {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .heading__name {
    padding-left: 5.5rem;
    line-height: 90%;
  }

  .heading__desc {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    border-left-style: none;
    padding-left: 0;
  }

  .heading__text {
    max-width: 100%;
  }

  .slider {
    width: auto;
    margin-bottom: 0;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    padding-left: 2.5rem;
    padding-right: 0;
    position: static;
  }

  .slider__item {
    width: 20rem;
  }

  .slider__nav {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-right: 2.5rem;
  }

  .strip__item {
    width: 20rem;
    height: 14rem;
  }

  .packages__item.packages__item--addons {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer__block {
    grid-template-columns: 1fr;
  }

  .map__left {
    padding-bottom: 2rem;
  }

  .map__right {
    padding-top: 2rem;
  }

  .footer__menu {
    grid-column-gap: 1rem;
    grid-row-gap: 0rem;
    flex-flow: wrap;
    margin-left: -1rem;
  }

  .footer__link {
    padding: 1rem;
  }

  .blog__list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    display: flex;
  }

  .blog__item {
    flex: none;
    width: 25rem;
    margin-right: 1.5rem;
  }

  .cta__wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .cta {
    margin-top: 2rem;
    margin-left: 10%;
    margin-right: 10%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .cta__desc {
    padding-bottom: 0;
  }

  .map__bg {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .map__item {
    aspect-ratio: 1;
  }

  .map {
    width: 100%;
  }

  .portfolio__list {
    grid-template-columns: 1fr 1fr;
  }

  .portfolio__item.portfolio__item--first {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  .cta__head {
    text-align: center;
  }

  .cta__text {
    text-align: center;
    margin-right: 0;
  }

  .cta__bottom {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: center;
  }

  .reviews {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: row;
  }

  .menu__close {
    background-image: url('../images/close_b.svg');
    width: 2rem;
    height: 2rem;
    display: block;
    position: absolute;
    inset: 1rem 1rem auto auto;
  }

  .blog__slider {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    padding-left: 2.5rem;
    overflow: hidden;
  }

  .menu__wrap {
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    background-color: #26262680;
    position: fixed;
    inset: 0%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  p, li {
    font-size: .875rem;
  }

  .container {
    max-width: none;
    padding: 4rem 1.25rem;
  }

  .container.container--hero {
    padding-bottom: 4rem;
  }

  .header {
    margin-bottom: 4rem;
  }

  .hero__head {
    margin-bottom: 2.5rem;
    font-size: 3rem;
    line-height: 110%;
  }

  .hero__head--italic {
    font-size: 3.5rem;
  }

  .hero__subhead {
    margin-bottom: 3.5rem;
    font-size: 1.5rem;
  }

  .button {
    font-size: .875rem;
  }

  .heading__name {
    font-size: 2.5rem;
    line-height: 85%;
  }

  .heading__desc {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .heading__text {
    font-size: 1rem;
  }

  .heading__link {
    background-size: 12px 12px;
    font-size: .875rem;
  }

  .slider {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
  }

  .slider__nav {
    justify-content: center;
    align-items: center;
    padding-right: 1.25rem;
  }

  .slider__button {
    width: 5rem;
    height: 5rem;
  }

  .strip__item {
    width: 23rem;
    height: 15rem;
  }

  .packages__filter__button {
    font-size: .875rem;
  }

  .packages__item.packages__item--addons {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: wrap-reverse;
    display: flex;
  }

  .packages__head.packages__head--addons, .packages__text {
    text-align: center;
  }

  .addons__left {
    justify-content: flex-start;
    align-items: center;
  }

  .addons {
    width: 100%;
  }

  .footer__menu {
    grid-column-gap: 0rem;
  }

  .footer__link {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .heading__name--second {
    font-size: 4rem;
  }

  .portfolio__over {
    padding-bottom: 2rem;
    padding-right: 2rem;
  }

  .team {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }

  .blog__item {
    width: 20rem;
  }

  .blog__item__head {
    font-size: .875rem;
    line-height: 140%;
  }

  .blog__item__desc {
    font-size: .75rem;
  }

  .cta {
    margin-left: 0%;
    margin-right: 0%;
  }

  .map__text {
    font-size: 1.25rem;
    line-height: 140%;
  }

  .map__strong {
    font-size: 2rem;
  }

  .team__text {
    text-align: center;
  }

  .map {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .cta__head {
    font-size: 1.5rem;
  }

  .cta__text {
    font-size: 1rem;
  }

  .cta__head--strong {
    font-size: 3rem;
  }

  .reviews {
    grid-column-gap: 3rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .blog__slider {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .container.container--footer {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .menu {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .logo__img {
    width: 3rem;
    height: 3rem;
  }

  .menu__inquire {
    min-width: 9rem;
    font-size: .75rem;
  }

  .hero__head {
    font-size: 2.25rem;
    line-height: 115%;
  }

  .hero__head--italic {
    font-size: 3rem;
  }

  .hero__subhead {
    font-size: 1.25rem;
  }

  .button.button--packages {
    min-width: 100%;
  }

  .button.button__hero {
    min-width: 16rem;
  }

  .heading {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    margin-bottom: 3rem;
  }

  .heading.heading--footer {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    margin-bottom: 1.5rem;
  }

  .heading__name {
    padding-left: 3.5rem;
    font-size: 2rem;
  }

  .heading__name.heading__name--footer {
    font-size: 3rem;
  }

  .heading__desc {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .heading__text {
    font-size: .875rem;
  }

  .slider__item {
    width: 18rem;
    margin-right: 1.25rem;
  }

  .slider__nav {
    justify-content: flex-start;
    align-items: center;
    margin-left: -1.25rem;
  }

  .slider__button {
    background-size: 16px 16px;
    width: 4rem;
    height: 5rem;
  }

  .strip__track {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .strip__item {
    width: 18rem;
    height: 13rem;
  }

  .packages__filter {
    z-index: 100;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: 0;
    display: grid;
    position: sticky;
    top: 1rem;
    bottom: 0;
  }

  .packages__filter__button {
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .75rem;
    line-height: 110%;
  }

  .packages__list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .packages__item.packages__item--addons {
    padding-top: 1rem;
  }

  .packages__head {
    font-size: 2.5rem;
  }

  .packages__head.packages__head--addons {
    text-align: left;
    font-size: 1.125rem;
    line-height: 110%;
  }

  .price {
    margin-top: 1rem;
  }

  .price__actual {
    font-size: 1.75rem;
  }

  .price__old {
    font-size: 1rem;
    line-height: 120%;
  }

  .price__text {
    margin-bottom: 1rem;
  }

  .packages__text {
    text-align: left;
    line-height: 140%;
  }

  .packages__feature.packages__feature--addons {
    display: none;
  }

  .packages__feature.packages__feature--addons.packages__feature--mobile {
    display: block;
  }

  .packages__time {
    font-size: .75rem;
  }

  .addons__button {
    width: 100%;
  }

  .footer__block {
    border-radius: 0;
  }

  .map__left {
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .map__right {
    padding-top: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .footer__menu {
    grid-column-gap: .5rem;
    margin-bottom: 2rem;
  }

  .footer__link {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .heading__name--second {
    margin-left: -3.5rem;
    font-size: 3rem;
  }

  .portfolio__over {
    padding-bottom: 1.25rem;
    padding-right: 1.25rem;
  }

  .portfolio__play {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .portfolio__play__text {
    font-size: .75rem;
  }

  .portfolio__play__img {
    width: 1.25rem;
  }

  .team {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .blog__item {
    width: 18rem;
    margin-right: 1.25rem;
  }

  .cta {
    padding: 2rem 1.25rem;
  }

  .cta__img {
    width: 12rem;
    height: 12rem;
  }

  .map__text {
    font-size: 1rem;
    line-height: 130%;
  }

  .map__strong {
    font-size: 1.5rem;
  }

  .team__text {
    font-size: 2rem;
  }

  .team__desc {
    font-size: .75rem;
  }

  .map {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .portfolio__list {
    grid-template-columns: 1fr;
  }

  .cta__head {
    font-size: 1.125rem;
  }

  .cta__text {
    font-size: .875rem;
  }

  .cta__head--strong {
    font-size: 2.5rem;
  }

  .reviews {
    grid-row-gap: 1rem;
    flex-flow: wrap-reverse;
  }

  .review__amount__img {
    width: 1rem;
  }

  .review__amount__text {
    font-size: .625rem;
  }

  .review {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .rating {
    font-size: 1.75rem;
  }

  .blog__slider {
    margin-right: -1.25rem;
  }

  .packages__wrap {
    position: relative;
  }
}


@font-face {
  font-family: 'Font';
  src: url('../fonts/font-400.woff2') format('woff2'), url('../fonts/font-400.woff') format('woff'), url('../fonts/font-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font';
  src: url('../fonts/font-700.woff2') format('woff2'), url('../fonts/font-700.woff') format('woff'), url('../fonts/font-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Italic';
  src: url('../fonts/italic-400.woff2') format('woff2'), url('../fonts/italic-400.woff') format('woff'), url('../fonts/italic-400.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}