.block22 ul {
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем отступы*/
  padding-left: 0; /*убираем отступы*/
  margin-top:25px; /*делаем отступ сверху*/
  margin-bottom:25px; /*делаем отступ снизу*/
}
.block22 a {
font-size: 20px !important;
  text-decoration: none !important; /*убираем подчеркивание текста ссылок*/
  background:#30A8E6; /*добавляем фон к пункту меню*/
  color:#fff !important; /*меняем цвет ссылок*/
  padding:10px !important; /*добавляем отступ*/
  font-family: arial !important; /*меняем шрифт*/
  border-radius:4px !important; /*добавляем скругление*/
  -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;
}
.block22 a:hover {
  background:#1C85BB;/*добавляем эффект при наведении*/
}
.block22 li {
  float:left; /*Размещаем список горизонтально для реализации меню*/
  margin-right:5px; /*Добавляем отступ у пунктов меню*/
  line-height: 1.8;
  
}
.block22 p {
    margin: 5px 0;
   }

 .menu ul {
      margin: 0;
      list-style: none;
      padding-left: 45px;
  padding-right: 45px;
      display: none;
    }

    .menu .title {
      font-size: 20px;
      cursor: pointer;
    }

    .menu .title::before {
      content: '';
      font-size: 80%;
      color: green;
    }

    .menu.open .title::before {
      content: '';
    }

    .menu.open ul {
      display: block;
    }

P.line {
    padding: 10px;
   }