/* layout: main */
:root {
  --page-bg: #f2e4e3;
  --text: #603913;
  --link: #903913;
  --link-hover: #11639d;
  --heading: #181818;
  --header-ink: #fff;
  --box-bg: #fff;
  --quote-line: #ddd;
  --quote-ink: #777;
  --field-line: #bbb;
  --field-ink: #aaa;
  --field-focus: #f9f9f9;
  --button-bg: #e9e9e9;
  --button-hover: #dadada;
  --button-ink: #333;
  --button-line: #cacaca;
  --button-gloss: rgba(255, 255, 255, 0.4);
  --button-edge: rgba(255, 255, 255, 0.5);
}

/* reset */
html, body, div, span, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, b, i, u, ul, ol, li, form, label, table, tbody, thead, tr, th, td, header, footer, main, nav {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
header, footer, main, nav { display: block; }
body { line-height: 1; }
ul, ol { list-style: none; }
blockquote { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; }

/* base */
body {
  background-color: var(--page-bg);
  background-image: url('https://sites.hamstercdn.com/zm6c2pqz4h5t/assets/27223c718cf8bbeb1b74d7ab9a831b1df2257b46a2bdf1f8d5252319e60aa907/images/bg.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 13px;
  line-height: 18px;
  color: var(--text);
  position: relative;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--link); text-decoration: none; outline: 0; line-height: inherit; }
a:hover { color: var(--link-hover); }
strong, b { font-weight: bold; line-height: inherit; }
em, i { font-style: italic; line-height: inherit; }
ul, ol { margin-bottom: 18px; }
ul { list-style: disc outside; margin-left: 17px; }
ol { list-style: decimal; margin-left: 30px; }
li { margin-bottom: 12px; }
ul ul, ol ol { margin: 4px 0 5px 30px; }
h2, h3, h4, h5, h6 { color: var(--heading); font-weight: bold; line-height: 1.25; }
h2 { font-size: 35px; margin-bottom: 9px; }
h3 { font-size: 28px; margin-bottom: 9px; }
h4 { font-size: 21px; margin-bottom: 3px; }
h5 { font-size: 18px; font-weight: normal; margin-bottom: 3px; }
h6 { font-size: 15px; font-weight: normal; }
p { line-height: 17px; margin: 0 0 18px; }
blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid var(--quote-line); color: var(--quote-ink); }
table { width: 100%; margin: 0 0 18px; background: var(--box-bg); border: 1px solid var(--quote-line); }
table th, table td { font-size: 12px; line-height: 18px; text-align: left; padding: 9px 10px; vertical-align: top; }

/* page frame: 980 px content, 15 px box padding */
.site { padding: 0 20px; }
.site-header { display: flex; align-items: flex-start; justify-content: space-between; max-width: 980px; margin: 0 auto; height: 100px; color: var(--header-ink); }
.site-header__address { width: 30.4%; }
.site-header__menu { width: 65.2%; margin-top: 75px; text-align: right; }
.site-header a { color: var(--header-ink); text-decoration: none; margin-left: 10px; }
.site-header a.active { font-weight: bold; }
.site-box { max-width: 1010px; margin: 0 auto; padding: 15px; box-sizing: border-box; background: var(--box-bg); }
.site-footer { clear: both; }

@media only screen and (max-width: 767px) {
  body, p { font-size: 15px; line-height: 1.4; -webkit-text-size-adjust: none; }
  .site { padding: 0; }
  .site-header { display: block; height: 100px; }
  .site-header__address, .site-header__menu { width: auto; padding: 0 20px; }
}
/* block: columns */
.columns { display: block; }
.columns__col--empty { display: none; }
.columns__col--center { text-align: center; }
.columns__col--right { text-align: right; }
.columns__col--left { text-align: left; }
.columns p { line-height: 1.4; }
.columns img { height: auto; }
@media only screen and (min-width: 768px) {
  .columns { display: grid; grid-template-columns: repeat(3, 30.4%); column-gap: 4.4%; align-items: start; }
  .columns__col--empty { display: block; }
  .columns p { line-height: 18px; }
}
/* block: contact-form */
.contact-form form { margin: 0 0 18px; }
.contact-form__field { margin-bottom: 18px; }
.contact-form label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 18px; }
.contact-form__input, .contact-form__area {
  display: block;
  box-sizing: content-box;
  border: 1px solid var(--field-line);
  border-radius: 2px;
  font-size: 13px;
  padding: 6px 3px 4px;
  outline: none;
  background: url('https://sites.hamstercdn.com/zm6c2pqz4h5t/assets/6747ffd2f177b80b4090f6bfe811ba96b4972474ca720eb717504ae9074b82bc/images/input-bg.png') white;
  color: var(--field-ink);
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 9px;
}
.contact-form__input { width: 254px; max-width: 100%; }
.contact-form__area { width: 98%; height: auto; }
.contact-form__input:focus, .contact-form__area:focus { background-color: var(--field-focus); }
.contact-form select { display: block; margin-bottom: 9px; }
.contact-form__send {
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 9px 34px 11px;
  color: var(--button-ink);
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  border: 1px solid var(--button-line);
  background: url('https://sites.hamstercdn.com/zm6c2pqz4h5t/assets/d7f2586d2bdc069a359c2575ab5071258d012512c4af81681236b3e781384ade/images/button-gloss.png') repeat-x 0 -34px, linear-gradient(to bottom, var(--button-gloss) 0%, transparent 100%), var(--button-bg);
  box-shadow: inset 0 1px 0 var(--button-edge);
  transition: background-color .15s ease-in-out;
}
.contact-form__send:hover { background-color: var(--button-hover); color: var(--button-ink); }
@media only screen and (min-width: 768px) {
  .contact-form__cols { display: flex; justify-content: space-between; }
  .contact-form__col { width: 47.8%; }
}
@media only screen and (max-width: 767px) {
  .contact-form__input, .contact-form__area { display: block; width: 96%; padding: 6px 2% 4px; font-size: 18px; }
  .contact-form__send { display: block; width: 100%; padding-left: 0; padding-right: 0; }
}
/* block: map */
.map__frame { display: block; border: 0; max-width: 100%; }
.map__frame[hidden] { display: none; }
.map__consent[hidden] { display: none; }
/* block: picture */
.picture { text-align: left; }
.picture--centered { text-align: center; }
.picture img { max-width: 100%; height: auto; }
/* block: text */
.text--center { text-align: center; }
.text--right { text-align: right; }
.text--left { text-align: left; }