/* базовый набор платформы: обнуление, сетка u-row/u-col, типовые блоки */

html, body, div, span, h1, h2, h3, h4, h5, p, a, img, ul, ol, li,
table, thead, tbody, tr, th, td, form, label, input, textarea, select {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  background: #ffffff;
  color: #23211d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.55;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: #2b6042;
}

a:hover {
  color: #8a4b1d;
}

ul, ol {
  list-style-position: outside;
  padding-left: 20px;
}

table {
  border-collapse: collapse;
  width: 100%;
}

input, textarea, select, button {
  font-family: inherit;
  font-size: 15px;
  box-sizing: border-box;
}

/* контейнер страницы */
.u-page {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 16px;
}

/* блоки конструктора */
.u-block {
  padding: 26px 0;
}

.u-section {
  border-top: 1px solid #e2ded3;
  padding: 30px 0 6px;
}

.u-section:first-child {
  border-top: 0;
}

/* сетка: колонки складываются в строку через float */
.u-row {
  margin: 0 -12px;
}

.u-row:after {
  content: "";
  display: table;
  clear: both;
}

.u-col-3, .u-col-4, .u-col-6, .u-col-8, .u-col-12 {
  float: left;
  padding: 0 12px 14px;
  box-sizing: border-box;
}

.u-col-3 { width: 25%; }
.u-col-4 { width: 33.33%; }
.u-col-6 { width: 50%; }
.u-col-8 { width: 66.66%; }
.u-col-12 { width: 100%; }

/* заголовки и текст */
.u-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: normal;
  color: #1d3a2a;
  line-height: 1.25;
}

h1.u-title { font-size: 30px; margin-bottom: 12px; }
h2.u-title { font-size: 25px; margin-bottom: 14px; }
h3.u-title { font-size: 19px; margin-bottom: 8px; }
h4.u-title { font-size: 16px; margin-bottom: 6px; }

.u-text p {
  margin-bottom: 11px;
}

.u-text ul, .u-text ol {
  margin: 0 0 12px 0;
}

.u-text li {
  margin-bottom: 5px;
}

.u-small {
  font-size: 13px;
  color: #63605a;
}

/* кнопка */
.u-btn {
  display: inline-block;
  background: #2b6042;
  color: #fff;
  padding: 10px 20px;
  border: 0;
  text-decoration: none;
  cursor: pointer;
}

.u-btn:hover {
  background: #24513a;
  color: #fff;
}

.u-btn-line {
  background: none;
  color: #2b6042;
  border: 1px solid #2b6042;
  padding: 9px 19px;
}

.u-btn-line:hover {
  background: #eef2ec;
  color: #2b6042;
}

@media screen and (max-width: 760px) {
  .u-col-3, .u-col-4, .u-col-6, .u-col-8 {
    float: none;
    width: 100%;
  }

  h1.u-title { font-size: 24px; }
  h2.u-title { font-size: 21px; }
}