.page .contacts {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 60px 0 -120px 0;
}

.page .contacts #map {
  width: -webkit-calc(50% - 15px);
  width: calc(50% - 15px);
  height: 450px;
}

.page .contacts #map > ymaps {
  width: 100% !important;
  height: 100% !important;
}

.page .contacts #map .ymaps-2-1-74-map {
  width: 100% !important;
  height: 100% !important;
}

.page .contacts .right {
  width: -webkit-calc(50% - 15px);
  width: calc(50% - 15px);
  padding-right: 390px;
}

.page .contacts .right a {
  display: block;
}

.page .contacts .right .col--phone {
  margin: 10px 0 15px 0;
}

.page .contacts .right .col--email {
  display: table;
  margin-bottom: 20px;
}

.page .contacts .right .col--email:before {
  border-bottom: 2px solid #aaa;
}

.page .contacts .right .connection {
  margin-top: 190px;
  padding: 40px 0;
  border-top: 1px solid #aaa;
}

.page .contacts .right .connection h3 {
  font-size: 24px;
  margin-bottom: 25px;
}

.page .contacts .right .connection textarea {
  resize: none;
}

.page .contacts .right .connection .btn {
  padding: 12px 63px;
  float: right;
}

.page .contacts .right .connection .g-recaptcha {
  float: left;
}

@media screen and (max-width: 1640px) {
  .page .contacts .right {
    padding-right: 15px;
  }
}
@media screen and (max-width: 1200px) {
  .page .contacts {
    margin: 45px 0 -60px 0;
  }
  .page .contacts .right .connection {
    padding: 40px 0;
  }
  .page .contacts .right .connection form {
    width: 100%;
  }
  .page .contacts .right .connection .btn {
    padding: 12px 35px;
    margin-left: 10px;
  }
  .page .contacts .right .col--email {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 1024px) {
  .page .contacts {
    margin: 35px 0 -45px 0;
  }
  .page .contacts .right .connection {
    padding: 25px 0;
  }
  .page .contacts .right .connection form {
    width: 100%;
  }
  .page .contacts .right .connection h3 {
    font-size: 22px;
  }
  .page .contacts .right .connection .btn {
    float: none;
    display: block;
    margin-top: 15px;
  }
  .page .contacts .right .connection .g-recaptcha {
    float: none;
  }
  .page .contacts .right .col--email {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1001px) {
  .page .contacts .right .connection .btn {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .contacts {
    margin: 25px 0 -25px 0;
    display: block;
  }
  .page .contacts #map {
    width: 100%;
    padding: 0 15px;
    height: 400px;
  }
  .page .contacts .right {
    width: 100%;
    padding: 0 15px;
  }
  .page .contacts .right .connection h3 {
    font-size: 20px;
  }
  .page .contacts .right .connection .btn {
    padding: 8px 30px;
  }
}
@media screen and (max-width: 400px) {
  .page .contacts #map {
    height: 250px;
  }
  .page .contacts .right .connection .g-recaptcha {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }
}
.img_style img {
  position: absolute;
  right: 0;
  top: 0;
  width: 260px;
}

@media screen and (max-width: 1024px) {
  .img_style img {
    position: static;
    right: 0;
    top: 0;
    width: 100%;
  }
}

/*# sourceMappingURL=contacts.css.f59755c5b737.map */
