.tab input, .tab-content { display: none; }
   .tab {
    font: 0.8rem/1.2 Arial, sans-serif; /* Параметры шрифта */
    border: 1px solid #ffffff; /* Параметры рамки */
    border-radius: 3px; /* Скругляем уголки */
    color: #282828; /* Цвет текста */
    margin-bottom: 10px; /* Расстояние между пунктами */
   }
   .tab-title {
    padding: 0px; /* Поля вокруг текста */
    display: block; /* Блочный элемент */
    color: #1f4f82; /* Цвет текста */
    font-weight: bold; /* Жирное начертание */
    cursor: pointer; /* Вид курсора */
   }
   
   
   .tab-content {
    padding: 5px 10px; /* Поля вокруг текста */
   }
   .tab :checked + .tab-title {
    background-color: #ffffff; /* Цвет фона */
    border-radius: 3px 3px 0 0; /* Скругляем уголки */
    color: #282828; /* Цвет текста */
   }
   
   .tab :checked ~ .tab-content {
    display: block; /* Показываем содержимое */
   }