/* fonts */
/* //fonts */
/* colors */
/* //colors */
/* shadows */
/* //shadows */
.reference {
  padding: 20px 0;
}

.reference__item {
  margin-bottom: 40px;
}

.reference__filters {
  margin-bottom: 24px;
}

.reference__docs {
  margin: 40px auto 80px;
}

.reference__table {
  margin-bottom: 40px;
}

.reference__col {
  padding-right: 20px;
}

.reference__col:nth-child(1) {
  width: 8%;
  padding-right: 0;
}

.reference__col:nth-child(2) {
  width: 37%;
}

.reference__col:nth-child(3) {
  width: 55%;
}

.reference-info-top {
  margin-bottom: 24px;
}

.reference-info-top__title {
  max-width: 340px;
}

.reference-info__thumb {
  position: relative;
  padding-bottom: 290px;
}

.reference-info__thumb::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 15px;
  background-color: rgba(255, 255, 255, 0.6);
  border-top: 5px solid rgba(255, 255, 255, 0.3);
}

.reference-map {
  margin-bottom: 0;
}

@media screen and (max-width: 1440px) {
  .reference__docs {
    margin: 24px auto 80px;
  }
  .reference-info__thumb {
    padding-bottom: 219px;
  }
}

@media screen and (max-width: 1199px) {
  .reference {
    padding: 32px 0 40px;
  }
  .reference__docs {
    margin: 40px auto 64px;
  }
  .reference__col:nth-child(1) {
    width: 12%;
  }
  .reference__col:nth-child(2) {
    width: 38%;
  }
  .reference__col:nth-child(3) {
    width: 50%;
  }
  .reference-info__thumb {
    padding-bottom: 200px;
  }
  .reference-info-top {
    margin-bottom: 16px;
  }
  .reference-map {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .reference-map {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .reference {
    padding: 40px 0 40px;
  }
  .reference__item {
    margin-bottom: 32px;
  }
  .reference__item:last-child {
    margin-bottom: 0;
  }
  .reference__docs {
    margin: 24px auto 40px;
  }
  .reference__row {
    margin-left: -20px;
    margin-right: -20px;
    padding: 16px 20px;
  }
  .reference-map {
    margin-bottom: 0;
  }
  .reference__col {
    padding: 0;
  }
  .reference__col:nth-child(1) {
    width: 16%;
  }
  .reference__col:nth-child(2) {
    width: 84%;
  }
  .reference__col:nth-child(3) {
    width: 100%;
    margin-top: 8px;
  }
  .reference-info__thumb {
    padding-bottom: 216px;
  }
  .reference-info__close {
    z-index: 1;
    background-color: transparent;
  }
}