@media (max-width: 1000px) {
  .container {
    padding: 0;
  }
}

.footer {
  padding: 0 15px;
}

.contacts-page {
  padding: 30px 0 100px 0;
}

@media (max-width: 460px) {
  .contacts-page {
    padding: 26px 0 50px 0;
  }
}

.contacts-page__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 34px;
          column-gap: 34px;
}

@media (max-width: 1000px) {
  .contacts-page__navigation {
    display: none;
  }
}

.contacts-page__navigation-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2c2a29;
  cursor: url("./../img/control/cursor.png"), pointer;
}

.contacts-page__navigation-link:last-child {
  color: #aeacac;
}

.contacts-page__navigation-link:first-child::after {
  content: '/';
  position: absolute;
  right: -21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.contacts-page__wrapper {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 1fr 424px;
      grid-template: 1fr / 1fr 424px;
}

@media (max-width: 1230px) {
  .contacts-page__wrapper {
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 1fr 320px;
        grid-template: 1fr / 1fr 320px;
  }
}

@media (max-width: 1000px) {
  .contacts-page__wrapper {
    margin-top: 0;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: auto / 1fr;
  }
}

.contacts-page__info-block {
  margin-right: 24px;
}

@media (max-width: 1000px) {
  .contacts-page__info-block {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    margin-right: 0px;
    margin-top: 50px;
  }
}

@media (max-width: 1000px) {
  .contacts-page__address {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    padding: 0 15px;
  }
}

.contacts-info__map {
  position: relative;
  overflow: hidden;
  padding: 0 0 34.5% 0;
  border-radius: 10px;
}

@media (max-width: 1000px) {
  .contacts-info__map {
    border-radius: 0px;
    padding: 0;
  }
}

.contacts-info__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1000px) {
  .contacts-info__map iframe {
    position: static;
    height: 303px;
  }
}

@media (max-width: 1000px) {
  .contacts-info__route-wrapper {
    padding: 0 15px;
  }
}

.contacts-info__route {
  margin-top: 24px;
  background: #ffffff;
  padding: 30px 40px;
  border-radius: 10px;
}

@media (max-width: 460px) {
  .contacts-info__route {
    margin-top: 47px;
    padding: 14px 15px 15px 15px;
  }
}

.contacts-info__attention {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 26px 22px 23px 24px;
  border-radius: 10px;
  border: 2px solid #f13c6d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 460px) {
  .contacts-info__attention {
    padding: 14px 15px 13px 15px;
  }
}

.contacts-info__attention:last-child {
  margin-top: 25px;
}

@media (max-width: 460px) {
  .contacts-info__attention:last-child {
    margin-top: 28px;
  }
}

.contacts-info__attention::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 22px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 36px;
  background: url("./../img/icon/attention.png") no-repeat;
}

@media (max-width: 460px) {
  .contacts-info__attention::before {
    top: 18px;
    left: 15px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    width: 25px;
    height: 22.5px;
    background-size: 100%;
  }
}

.contacts-info__attention-text {
  padding-left: 63px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

@media (max-width: 460px) {
  .contacts-info__attention-text {
    font-size: 14px;
    line-height: 18px;
    padding-left: 43px;
  }
}

.contacts-info__route-title {
  margin-top: 25px;
  font-weight: 800;
  font-size: 18px;
  line-height: 18px;
}

.contacts-info__route-list {
  margin-top: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 18px;
}

.contacts-info__route-item {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

@media (max-width: 460px) {
  .contacts-info__route-item {
    font-size: 14px;
  }
}

.contacts-address__wrapper {
  background: #ffffff;
  padding: 30px 30px 42px 30px;
  border-radius: 10px;
}

@media (max-width: 460px) {
  .contacts-address__wrapper {
    padding: 15px 15px 15px 15px;
  }
}

.contacts-address__title {
  font-weight: 800;
  font-size: 36px;
  line-height: 53px;
}

@media (max-width: 460px) {
  .contacts-address__title {
    font-size: 24px;
    line-height: 35px;
  }
}

.contacts-address__list {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 13px;
}

@media (max-width: 460px) {
  .contacts-address__list {
    margin-top: 19px;
    row-gap: 21px;
  }
}

.contacts-address__item {
  position: relative;
  padding-left: 28px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

@media (max-width: 460px) {
  .contacts-address__item {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 460px) {
  .contacts-address__item span {
    display: inline-block;
  }
}

.contacts-address__item:nth-child(4) {
  max-width: 262px;
  width: 100%;
}

@media (max-width: 460px) {
  .contacts-address__item:nth-child(4) {
    width: auto;
  }
}

.contacts-address__item:nth-child(1):before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  background: url("./../img/icon/map.png") no-repeat;
  width: 14px;
  height: 18px;
}

.contacts-address__item:nth-child(2):before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  background: url("./../img/icon/tel.png") no-repeat;
  width: 14px;
  height: 14px;
}

.contacts-address__item:nth-child(3):before {
  content: '';
  position: absolute;
  top: 4px;
  left: 3px;
  background: url("./../img/icon/message.png") no-repeat;
  width: 14px;
  height: 11px;
}

.contacts-address__item:nth-child(4):before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  background: url("./../img/icon/clock.png") no-repeat;
  width: 15px;
  height: 15px;
}
