.base-pagination {
  text-align: right;
}
.base-pagination button {
  width: 50px;
  height: 50px;
  margin: 0 5px;
  font-weight: 500;
  outline: none;
  border: none;
  border-radius: 50%;
  background-color: white;
  cursor: pointer;
}
.base-pagination .active {
  background-color: var(--color-yellow);
  cursor: default;
}
@media screen and (max-width: 768px) {
.base-pagination {
    display: none;
}
}

.project-apartments {
  min-height: 60vh;
}
.project-apartments__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 45px;
}
.project-apartments__header-title h1 {
  margin: 0;
  margin-bottom: 4px;
}
.project-apartments__header-switchers .base-button {
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0);
  min-height: 30px;
  padding: 10px 20px;
}
.project-apartments__header-switchers .base-button:not(:last-child) {
  margin-right: 4px;
}
.project-apartments__header-switchers .base-button._active {
  border-color: var(--color-yellow);
}
.project-apartments__body {
  display: grid;
  grid-template-columns: 170px 1fr;
  grid-gap: 100px;
}
.project-apartments__navbar .comercial {
  margin-top: 35px;
}
.project-apartments__navbar .selects {
  margin-top: 40px;
}
.project-apartments__navbar .selects .base-select:not(:last-child) {
  margin-bottom: 20px;
}
.project-apartments__navbar .selects .base-select__label {
  width: 70px;
}
.project-apartments__navbar .buttons {
  margin-top: 40px;
}
.project-apartments__items-apartments {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 35px 30px;
}
.project-apartments__items-apartment {
  position: relative;
  border: 1px solid rgba(38, 34, 34, 0.2);
  height: 360px;
  padding: 10px 5px;
  overflow: hidden;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAAAjCAYAAACq00VWAAAACXBIWXMAAAhOAAAITgGMMQDsAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVHSURBVHgB7VvrVeM4FL558Hu9FawLgEAqWE8FCxUAFTBTAaECmApwKhioAFNBHhSwpoPwl8Njv4+5yiga2XESEhYffefkyLKkeyXdh65kpTEej18l4LMg7XQ6x3wYDAZRq9W6fH19jRuNxhleXT4/Px80m83zpgR8SnS73QmE+A2P10iHSCftdvucZW0JqAMiWOwFfhNY7VEQ6icGrDVH0tPsUNN+cL81RBBqDRGEWkMEodYQQag1RBBqDRGEWkMEodYQQag1RBBqDcFjwmMJ+BTAwX0uAQEBAQEBARtDYzweH5kMF2J8o8tMfjAY7LdarUizk06nc+USQJ0EdWJfHZTFKEvEx7jRyJ+ennL9JujSLGxnA/294g0AXxn71W63d/HheI95pA/gmaFNZrdx+l8JRXxJq9lsJuDzl/K8Rz7b2dnJimjN4c/bDUPfHJWB0e+lyYB4iiSz8idIEs3m+P0mVHT6CMmhr44K5lI8wIBZLlCqlNcynEmKi9o5yPCbmVxM0h7o8lpHQh4GmGgmJ+R5d3fXw0SfefpfFZnNVwVzqf2e4Yk+nGKMOfj0tre3+y6hefxL5qgQ/4d96hE6/kPeAaPR6BC0BvJLEb3ARPdQ90LeAVCQU/C8EUegDuKXl5eUdWU5LDRHm77OQiumttGl71vvE7rcEjeTyU8v4MK2Ft6qS+1CvbOTab1YLGFjkt+EquX2jcqZvoHGEHWGPr5cuqggHp4cJ+8N7eE5tsqoTA+7u7tlCpVqGsusciZQiqTMlRtsVKgY4HfTKVoK8ifTjrTbsfgFR/SxVqdSAnV/U2ACv0NwPWf9jOkGyccokNJN7TqgZSvcNer0CtiezuOJcfYwzmk9PoNHWuRKzRVQ7UuiXuANoM1+ZTIHH3nxLLIzCJqGsiQoCLG0GpObwxq+uvVUkEfyDtAAM7ZepT6eeEfrpBcx62ak6+hc98+gFXymedD4QypgEaFGYOALXv6W6jgHDbqnyESlBDV8ThBwiHYun2sr0t53ynqyZqhrnebx3C+qy/UUFndo1d2VCmDQ5/B8qNJuIaHKilpubS+m77heIbKbp7WJh9a9aKQNzZ+xeuTvZc1wBVPmaVyLk5Kgyt5iiuPegYFUwIff+6WguW5AK7tVQ/YKNCu5qRV53NuWKj+VvmjPHEl1FG0BuaT0pQIWESo7/M3znm4lkQpgAPL4+DjiM6xpH5NyrkUmgPla0DTF79Z+AZc2tQweZNhlmIAukmtZL2YEiLHRcvOCuq4bHckCoEAx3i9V6y8kVF8EiiAgcTS2EOjYg7VtuYCrYfQba75sbb4ti355SsRNugGjao0wc7curWZra+sf30HAIsBYrvRwxvDsgfatz9u4kTnq3pSQzqznnFsq8Oov4sU+zP1qxBqbPAa6tOul8KAgmfzyGJG69AOUDS2ebyc/mKRIBZDLktB1MjM8uYxgW2Z45sovdk+a1I0WehEob2WLLMJGhYoB/WD0q9nYKStzSYyafzuNgYV+MROI52O48AEja0Ofp0sabVPjY7G2URAAT2i6sgJ4dAeeN4anxgf/4pBgiOdIPAERFOpA1oxNHxOagcb2S10zLiq2i300KFyuOzzRcdtq1D0TrKDurawIegHQOXZ5Kr/YecfD+WPbc6wLH3r2y4Hid4aJ6a7iCg10krugWbZeZvgd+A4KluR5VYWnjjGVDaBNF2blc7tQ/9Q6/fTmI6AWlvrqMIBBUrRG5CWCHDr98sLX3pwaYT3rId2De+RnsD/pgvUz1jxLmZTNSUk/bJ5v0a7yvCoLcpz5exf8BxjJ5d/kJJsAAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 50% center;
  transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.project-apartments__items-apartment:hover {
  border-color: var(--color-yellow);
}
.project-apartments__items-apartment:hover .info {
  opacity: 1;
  bottom: 0;
}
.project-apartments__items-apartment .base-image {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.project-apartments__items-apartment .base-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.project-apartments__items-apartment .info {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  opacity: 0;
  padding: 20px 25px;
  transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.project-apartments__items-apartment .info:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--color-yellow);
  opacity: 0.8;
}
.project-apartments__items-apartment .info__line {
  position: relative;
}
.project-apartments__items-apartment .info__line:not(:last-child) {
  margin-bottom: 9px;
}
.project-apartments__items-apartment .info__line b {
  display: inline-block;
  width: 110px;
}
.project-apartments__items .base-pagination {
  margin-top: 60px;
}
@media screen and (max-width: 1200px) {
.project-apartments__body {
    grid-gap: 60px;
}
.project-apartments__items-apartment {
    height: 27vw;
}
}
@media screen and (max-width: 992px) {
.project-apartments__header {
    display: block;
}
.project-apartments__header-switchers {
    margin-top: 30px;
}
.project-apartments__header-switchers .base-button {
    margin-bottom: 5px;
}
.project-apartments__body {
    display: block;
}
.project-apartments__navbar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    grid-gap: 30px;
    max-width: 400px;
}
.project-apartments__navbar .selects {
    margin-top: 0;
}
.project-apartments__navbar .buttons {
    margin-top: 0;
    grid-column-start: 1;
    grid-column-end: 3;
}
.project-apartments__items {
    margin-top: 50px;
}
.project-apartments__items-apartment {
    height: auto;
    overflow: inherit;
    padding: 0;
    border: none;
}
.project-apartments__items-apartment .base-image {
    height: 35vw;
    padding: 2%;
    border: 1px solid rgba(38, 34, 34, 0.2);
}
.project-apartments__items-apartment .info {
    position: relative;
    opacity: 1;
    bottom: 0;
}
}
@media screen and (max-width: 800px) {
.project-apartments__items-apartments {
    grid-template-columns: 1fr 1fr;
}
.project-apartments__items-apartment .base-image {
    height: 45vw;
}
}
@media screen and (max-width: 550px) {
.project-apartments__header-switchers .base-button {
    padding: 10px 14px;
}
.project-apartments__items-apartments {
    grid-gap: 34px 12px;
}
.project-apartments__items-apartment .info {
    padding: 12px 15px;
}
.project-apartments__items-apartment .info__line:not(:last-child) {
    margin-bottom: 5px;
}
.project-apartments__items-apartment .base-image {
    height: 55vw;
}
}
@media screen and (max-width: 400px) {
.project-apartments__items-apartment .info {
    padding: 10px 12px;
}
}