:root {
  --spacing: 20px;
  --spacing-0: 0px;
  --spacing-0-5: calc(var(--spacing) * 0.5);
  --spacing-1: var(--spacing);
  --spacing-1-5: calc(var(--spacing) * 1.5);
  --spacing-2: calc(var(--spacing) * 2);
  --spacing-2-5: calc(var(--spacing) * 2.5);
  --spacing-3: calc(var(--spacing) * 3);
  --spacing-3-5: calc(var(--spacing) * 3.5);
  --spacing-4: calc(var(--spacing) * 4);
  --spacing-4-5: calc(var(--spacing) * 4.5);
  --spacing-5: calc(var(--spacing) * 5);
  --spacing-6: calc(var(--spacing) * 6);
  --spacing-6-5: calc(var(--spacing) * 6.5);
  --spacing-7: calc(var(--spacing) * 7);
  --spacing-8: calc(var(--spacing) * 8);
  --col: calc(100vw / 8);
  --col-1: var(--col);
  --col-2: calc(var(--col) * 2);
  --col-2-2: calc(var(--col) * 2.2);
  --col-2-5: calc(var(--col) * 2.5);
  --col-3: calc(var(--col) * 3);
  --col-3-5: calc(var(--col) * 3.5);
  --col-4: calc(var(--col) * 4);
  --col-4-5: calc(var(--col) * 4.5);
  --col-5: calc(var(--col) * 5);
  --col-6: calc(var(--col) * 6);
  --col-7: calc(var(--col) * 7);
  --col-7-5: calc(var(--col) * 7.5);
  --col-8: calc(var(--col) * 8);
  --col-9: calc(var(--col) * 9);
  --col-10: calc(var(--col) * 10);
  --col-11: calc(var(--col) * 11);
  --col-12: calc(var(--col) * 12)
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9), only screen and (min-width:668px) and (min-height:416px), only screen and (min-width:980px) {
  :root {
    --spacing: 40px;
    --col: calc(100vw / 12)
  }
}
@media screen and (min-width:980px) and (max-width:1200px) {
  :root {
    --spacing: calc(40px + 10 * ((100vw - 980px) / 220))
  }
}
@media screen and (min-width:1200px) and (max-width:1440px) {
  :root {
    --spacing: calc(50px + 10 * ((100vw - 1200px) / 240))
  }
}
@media screen and (min-width:1440px) and (max-width:1920px) {
  :root {
    --spacing: calc(60px + 20 * ((100vw - 1440px) / 480))
  }
}
@media only screen and (min-width:1920px) {
  :root {
    --spacing: 80px
  }
}
.map {
  position: relative;
  height: 100%
}
.map .gmnoprint, .map .gmnoprint + .gm-style-cc, .map img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white5.png"] {
  opacity: 0 !important;
  pointer-events: none !important
}
.map__content {
  position: relative;
  height: 100%
}
.map__buttons {
  position: absolute;
  right: var(--spacing);
  bottom: var(--spacing);
  display: flex;
  flex-direction: column
}
.map__buttons .btn + .btn {
  margin-top: 10px
}
.map-label {
  position: absolute;
  left: calc(100% + 30px);
  top: calc(50% - 10px)
}
.map-label--metro {
  left: calc(100% + 18px)
}
.contact-top {
  padding-top: calc(var(--spacing) / 20 * 143);
  padding-bottom: var(--spacing)
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9), only screen and (min-width:668px) and (min-height:416px), only screen and (min-width:980px) {
  .contact-top__title {
    font-size: 6rem;
    line-height: 1.01852em;
    letter-spacing: -.04em
  }
}
@media only screen and (min-width:1200px) {
  .contact-top__title {
    font-size: 6rem;
    line-height: .89947em;
    letter-spacing: -.04em
  }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9), only screen and (min-width:668px) and (min-height:416px), only screen and (min-width:980px) {
  .contact-top {
    padding-top: calc(var(--spacing) / 40 * 189)
  }
}
@media only screen and (min-width:1200px) {
  .contact-top {
    padding-top: calc(var(--spacing) / 60 * 200)
  }
}
.contact-map {
  position: relative;
  padding-left: var(--spacing);
  padding-right: var(--spacing);
  padding-bottom: 420px
}
.contact-map__contacts {
  padding-top: 30px;
  padding-bottom: 90px;
  position: relative;
  z-index: 1
}
.contact-map__contacts__address, .contact-map__contacts__phone {
  font-size: 1.5rem;
  line-height: 1.33333em;
  letter-spacing: .02em
}
.contact-map__contacts__address:after, .contact-map__contacts__address:before, .contact-map__contacts__phone:after, .contact-map__contacts__phone:before {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  position: relative
}
.contact-map__contacts__address:before, .contact-map__contacts__phone:before {
  margin-top: -.20167em
}
.contact-map__contacts__address:after, .contact-map__contacts__phone:after {
  margin-bottom: -.40167em
}
@media only screen and (min-width:1200px) {
  .contact-map__contacts__address:before, .contact-map__contacts__phone:before {
    margin-top: -.18315em
  }
  .contact-map__contacts__address:after, .contact-map__contacts__phone:after {
    margin-bottom: -.38315em
  }
}
@media only screen and (min-width:1200px) {
  .contact-map__contacts__address, .contact-map__contacts__phone {
    font-size: 2.7rem;
    line-height: 1.2963em;
    letter-spacing: .02em
  }
}
.contact-map__contacts__phone {
  display: inline-block;
  margin-bottom: 35px
}
.contact-map__contacts__address {
  margin-bottom: calc(var(--spacing) / 20 * 32)
}
.contact-map__contacts__title {
  margin-bottom: 15px;
  font-weight: 500
}
.contact-map__contacts__time__work {
  font-weight: 500
}
.contact-map__contacts__call-btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 1
}
.contact-map__direction {
  position: absolute;
  bottom: var(--spacing);
  left: var(--spacing);
  z-index: 1
}
.contact-map__map {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 420px
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9), only screen and (min-width:668px) and (min-height:416px), only screen and (min-width:980px) {
  .contact-map {
    padding-bottom: 0px !important
  }
  .contact-map__contacts {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing-3)
  }
  .contact-map__contacts__phone {
    margin-bottom: var(--spacing)
  }
  .contact-map__contacts__address {
    margin-bottom: calc(var(--spacing) / 40 * 32)
  }
  .contact-map__contacts__call-btn {
    bottom: 20px
  }
  .contact-map__direction {
    top: var(--spacing);
    right: var(--spacing);
    bottom: auto;
    left: auto
  }
  .contact-map__map {
    height: 400px
  }
}
@media only screen and (min-width:767px) and (max-width:1200px) {
.contact-map__map {
    position: relative;
}
.location-text p, .location-text h6 {
    max-width: 80%;
}	
}
@media only screen and (min-width:1200px) {
  .contact-map {
    padding-bottom: 0
  }
  .contact-map__contacts {
    padding-top: var(--spacing);
    padding-bottom: calc(var(--spacing) / 60 * 160);
    position: static;
    max-width: calc(41.66666666666667% - var(--spacing) / 2)
  }
  .contact-map__contacts__phone {
    font-weight: 300;
    margin-bottom: calc(var(--spacing) / 60 * 65)
  }
  .contact-map__contacts__address {
    font-weight: 300;
    margin-bottom: calc(var(--spacing) / 60 * 40)
  }
  .contact-map__contacts__title {
    margin-bottom: calc(var(--spacing) / 60 * 20)
  }
  .contact-map__contacts__call-btn {
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    margin-left: -90px;
    transform: translateY(-50%)
  }
  .contact-map__direction {
    position: relative;
    margin-bottom: var(--spacing);
    left: 0;
    bottom: var(--spacing);
    top: 0
  }
  .contact-map__map {
	  position: absolute;
    top: 0;
    height: 100%;
    left: 50%
  }
}
.contact-map__map iframe {
  height: 100%;
  width: 100%;
}
.contact-top {
  background: #101010;
}
.contact-top__title {
  color: #c5b78a;
}
.location-text h6 {
    font-size: 24px;
    color: #c5b78a;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
}
.location-text p {
    margin-top: 20px;
    margin-bottom: 0;
}