/* ===== Reset ===== */
*, *::before, *::after { box-sizing: border-box; }
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, blockquote, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; background: none; border: 0; padding: 0; color: inherit; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
html, body {
  background: #fff url('../../images/bg.jpg') repeat top center fixed;
  background-size: cover;
}
body {
  font-family: 'Open Sans', 'Lato', 'Raleway', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', 'Open Sans', system-ui, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.5em;
  color: #333;
}
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

p { margin-bottom: 10px; }
a { color: #007dc6; transition: color .2s; }
a:hover { color: #d9534f; }

address { font-style: normal; }
img.img-responsive { display: block; max-width: 100%; height: auto; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-danger { color: #d9534f; }
.list-unstyled { list-style: none; padding: 0; }
.center-block { margin-left: auto; margin-right: auto; float: none; }
.clearfix::after { content: ""; display: table; clear: both; }
.hidden-xs { display: block; }
.visible-xs { display: none; }

@media (max-width: 767px) {
  .hidden-xs { display: none !important; }
  .visible-xs { display: block !important; }
}

/* Лёгкая поддержка glyphicon */
.glyphicon {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-family: 'icomoon', 'Open Sans', sans-serif;
  font-style: normal;
  vertical-align: middle;
}
.glyphicon-phone::before { content: "📞"; }
.glyphicon-envelope::before { content: "✉"; }

/* Анимации замены wow.js (без анимации, просто видимый элемент) */
.wow { visibility: visible !important; }

/* Утилиты, унаследованные из Bootstrap-стиля */
.img-responsive { display: inline-block; max-width: 100%; height: auto; }
b, strong { font-weight: 700; }
br { line-height: 1.5; }