* {
  box-sizing: border-box; }

html {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); }

body {
  position: relative;
  padding-bottom: 210px;
  overflow-x: hidden;
  background: url(img/bg.7864c98.jpg) center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-family: "Open Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (min-width: 768px) {
    body {
      padding-bottom: 0;
      background-attachment: scroll; } }

img {
  max-width: 100%;
  vertical-align: bottom; }

h1, h2, h3,
h4, h5, h6 {
  margin: 0; }

a {
  text-decoration: none; }

address {
  font-style: normal; }

.art {
  position: absolute;
  z-index: 1;
  display: block; }
  .art--varju {
    right: 0;
    bottom: 45px;
    width: 70px;
    height: 115px;
    background: url(data:image/png;base64,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) 0 0 no-repeat; }
  .art--traces-top {
    top: 0;
    right: 0;
    width: 104px;
    height: 94px;
    background: url(data:image/png;base64,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) right bottom no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      .art--traces-top {
        width: 170px;
        height: 146px; } }
    @media (min-width: 1024px) {
      .art--traces-top {
        width: 160px;
        height: 143px; } }
  .art--traces-bottom {
    bottom: 0;
    left: 0;
    width: 162px;
    height: 176px;
    background: url(data:image/png;base64,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) left bottom no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      .art--traces-bottom {
        display: none; } }

.btn {
  display: inline-block;
  padding: 10px;
  font-size: 12px;
  line-height: 1;
  background: #cfa077;
  color: #fff;
  transition: 150ms ease-in-out; }
  @media (min-width: 768px) {
    .btn {
      font-size: 14px; } }
  @media (min-width: 1024px) {
    .btn {
      padding: 10px 20px; } }
  .btn:hover {
    background: #b87941; }
  .btn + .btn {
    margin-left: 10px; }
    @media (min-width: 1024px) {
      .btn + .btn {
        margin-left: 30px; } }

.card__list {
  position: relative;
  z-index: 3;
  margin: -160px 0 0;
  padding: 0 10px;
  list-style-type: none; }
  @media (min-width: 768px) {
    .card__list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0;
      padding: 30px 20px 40px; } }
  @media (min-width: 1024px) {
    .card__list {
      padding: 30px 20px 60px 20px; } }
  @media (min-width: 1200px) {
    .card__list {
      padding: 30px 55px 60px 55px; } }

.card__item {
  flex: 0 50%;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .card__item:nth-child(even) .card__content {
      float: right; } }

.card__content {
  display: inline-flex;
  padding: 10px;
  width: 100%;
  background: #000;
  color: #cfa077;
  transition: 150ms ease-in-out; }
  @media (min-width: 768px) {
    .card__content {
      padding: 15px;
      width: 300px; } }
  @media (min-width: 1024px) {
    .card__content {
      width: 370px; } }

.card__sidebar {
  flex: 0 0 auto; }

.card__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  background: #cfa077;
  border-radius: 50%;
  color: #fff; }
  @media (min-width: 768px) {
    .card__number {
      margin-top: -4px;
      margin-right: 15px; } }

.card__body {
  flex: 1 1 auto;
  line-height: 1.33; }

.card__title {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #fff; }
  @media (min-width: 768px) {
    .card__title {
      margin-bottom: 10px;
      letter-spacing: -0.0175em; } }
  @media (min-width: 1024px) {
    .card__title {
      font-size: 18px; } }

.card__meta {
  font-size: 12px; }
  .card__meta span {
    display: block; }
  @media (min-width: 1024px) {
    .card__meta {
      font-size: 14px; } }

.card__phone {
  color: #cfa077;
  transition: 150ms ease-in-out; }
  .card__phone:hover {
    color: #fff; }

.card__footer {
  margin-top: 10px; }
  @media (min-width: 768px) {
    .card__footer {
      margin-top: 15px; } }

.logo {
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 30px 0 60px;
  text-align: center; }
  @media (min-width: 768px) {
    .logo {
      padding-bottom: 0; } }
  @media (min-width: 1024px) {
    .logo {
      position: absolute;
      top: 30px;
      right: 0;
      left: 0;
      margin: auto;
      padding: 0;
      width: 220px;
      height: 140px; } }
  .logo__image {
    max-height: 120px; }
    @media (min-width: 768px) {
      .logo__image {
        max-height: none; } }

.map {
  margin-top: -80px;
  width: 100%;
  height: 580px;
  background: url(img/map.e72ad68.png) center top no-repeat; }
  @media (min-width: 768px) {
    .map {
      position: absolute;
      z-index: 2;
      top: 180px;
      right: 0;
      left: 0;
      margin: auto; } }
  .map__items {
    position: absolute;
    z-index: 4;
    top: 90px;
    right: 0;
    left: 0;
    margin: auto;
    width: 120px;
    height: 580px; }
    @media (min-width: 768px) {
      .map__items {
        top: 180px; } }

.poi {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 18px;
  font-weight: 600;
  background: #000;
  border-radius: 50%;
  color: #fff;
  transition: 150ms ease-in-out; }
  .poi.is-active {
    background: #cfa077; }
  .poi:nth-child(1) {
    top: -302px;
    left: -35px; }
  .poi:nth-child(2) {
    top: -220px;
    right: -1px; }
  .poi:nth-child(3) {
    top: -188px;
    right: 40px; }
  .poi:nth-child(4) {
    top: -160px;
    left: -85px; }
  .poi:nth-child(5) {
    top: -30px;
    left: -50px; }
  .poi:nth-child(6) {
    top: 15px;
    left: -85px; }
  .poi:nth-child(7) {
    top: 144px;
    right: -85px; }

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiIuL2Nzcy9tYWluLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/