/* VARIABLES */
:root {
  --black-main: #222222;
  --black-light: #767676;
  --blue-main: #275ec7;
  --blue-dark: #0d2451;
  --blue-light: #3893ff;
  --blue-ghost: #e3eeff;
  --blue-extra-light: #98c1ff;
}

/* MAP */
.contacts {
  padding-top: 164px;
}
.contacts h1 {
  font-size: 80px;
  line-height: 110%;
}
.contacts__block {
  display: flex;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 1px 2px 8px 0px rgba(34, 34, 34, 0.04),
    0px 0px 4px 0px rgba(34, 34, 34, 0.08);
}

.contacts__block-content {
  display: flex;
  flex-direction: column;
  padding: 32px;
  min-width: 482px;
  overflow: hidden;
}

.contacts__block-content .item {
  display: flex;
  gap: 12px;
  align-items: center;
}

.contacts__block-content .item p {
  font-size: 16px;
  font-weight: 600;
}
.contacts__block-content .item a {
  font-size: 16px;
  font-weight: 600;
}
.contacts__block-content .item-logo {
  background-color: var(--blue-main);
  padding: 12px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}
.contacts__block-content .item-logo.btn:hover {
  background-color: var(--blue-dark);
}
.contacts__block-content > a {
  width: 100%;
}

.contacts__block-content .route {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contacts__block-content h4 {
  font-size: 20px;
  font-weight: 600;
}

.contacts__block-content .route p {
  font-size: 16px;
}

.contacts__block-content .route a {
  color: var(--blue-main);
  transition: color 0.2s ease;
}

.contacts__block-content .route a:hover {
  color: var(--blue-light);
}

.contacts__block-map {
  width: 100%;
  /*height: 456px;*/
}

.road-content img {
  width: 100%;
  object-fit:cover;
}

/* Yandex maps */
.ymaps-2-1-79-copyright__wrap {
  transform: scale(0.8);
  position: relative;
  top: 2px;
  right: -8%;
}
.ymaps-2-1-79-gototaxi {
  transform: scale(0.85);
  position: relative;
  left: -5%;
  top: 10px;
}
.ymaps-2-1-79-gotoymaps {
  display: none !important;
}
.ymaps-2-1-79-gototech {
  display: none !important;
}
.ymaps-2-1-79-zoom {
  height: 0 !important;
}
.ymaps-2-1-79-controls__control {
  inset: 191px 10px auto auto !important;
}
.ymaps-2-1-79-zoom__scale {
  display: none;
}
.ymaps-2-1-79-zoom__plus {
  border-radius: 8px 8px 0 0 !important;
}
.ymaps-2-1-79-zoom__plus .ymaps-2-1-79-zoom__icon {
  background-image: url("../../academy/icons/plus.svg") !important;
}
.ymaps-2-1-79-zoom__minus {
  border-radius: 0 0 8px 8px !important;
}
.ymaps-2-1-79-zoom__minus .ymaps-2-1-79-zoom__icon {
  background-image: url("../../academy/icons/minus.svg") !important;
}
.ymaps-2-1-79-placemark-overlay {
  position: relative;
  animation: pinAnimation 1s ease-in-out alternate infinite;
}

@keyframes pinAnimation {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(-30px);
  }
}
/* END yandex maps */

/* ROAD */
.road-content {
  display: flex;
  gap: 40px;
}
.road-content__text .title {
  font-size: 28px;
  font-weight: 600;
  line-height: 120%;
}
.road-content__text .descr {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.road-content__text .descr span {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  color: var(--blue-main);
}

@media screen and (max-width: 1200px) {
  .contacts__block {
    flex-direction: column;
  }
  .contacts__block-content {
    min-width: 100%;
  }
  .contacts__block-content .buttons {
    justify-content: start;
    gap: 12px;
  }
  .road-content {
	flex-direction: column-reverse;
  }
}

@media screen and (max-width: 768px) {
  .contacts__block {
    flex-direction: column;
  }

  .contacts__block-content .buttons {
    flex-wrap: wrap;
    gap: 16px;
  }

  .contacts__block-content .buttons .btn-primary {
    margin: auto;
  }
}

@media screen and (max-width: 480px) {
  h2 {
    font-size: 32px;
    line-height: 110%;
  }
  /* map */
  .contacts {
    padding-top: 88px;
  }
  .contacts h1 {
    font-size: 60px;
  }
  .contacts__block {
    flex-direction: column;
    background-color: transparent;
    box-shadow: none;
  }
  .contacts__block > a {
    display: flex;
    justify-content: center;
  }
  .contacts__block-content {
    padding: 0;
  }
  .contacts__block-map {
    margin-top: 40px;
    height: 318px;
  }
  /* yandex */
  .ymaps-2-1-79-copyright__wrap {
    transform: scale(0.85);
    top: 4px;
    right: 0;
  }
  .ymaps-2-1-79-controls__control {
    inset: 130px 10px auto auto !important;
  }

  /* ROAD */
  .road-content {
    flex-direction: column;
    gap: 24px;
  }
  .road-content h2 {
    font-size: 32px;
  }
  .road-content__text .title {
    font-size: 24px;
    line-height: 120%;
  }
  .road-content__text .descr {
    font-size: 18px;
  }
  .road-content__text .descr span {
    font-size: 18px;
  }
  .road-content img {
	width: 100%;
	object-fit:cover;
  }
}