/* Заготовка для меню */
/*
* Вендорные префиксы
*
* Имеется возможность задать явный браузер в постфиксе,
* поддерживаются следующие варианты:
* _no - без префикса
* _wk - префикс webkit
* _ms - префикс ms
* _moz - префикс moz
*/
/* transition */
/* transition для трансформаций */
/* user-select */
/* transform-origin*/
/* animation-duration*/
/* animation-fill-mode*/
/* animation-name*/
/* Трансформации */
/*
* Несколько трансформаций в одной
* Необходимо явно указыть параметр
*/
/*
* Cдвиг блока на двумерной плоскости
* По обоим координатам, плюс каждая по отдельности
*/
/*
* Деформация блока на двумерной плоскости
* По обоим координатам, плюс каждая по отдельности
*/
/*
* Поворот блока на двумерной плоскости
* По умолчанию отностиельно центра
* При задании _origin(transform-origin) можно указать конкретную точку
*/
/*
* Масштабирование блока
* По обоим координатам, плюс каждая по отдельности
*/
/*
* Иконки на базе css
* Все имеют префиксы _i
* Имя состоит из название[_ориентация]
*/
/* Стрелки */
/* Минималистичный reset */
/* Сброс характеристик для input-полей */
/* Сброс характеристик для input-полей в iOS */
/* Сброс оформления colorbpx */
/* Интерактивность по флагу*/
/* Абсолютное позиционирование */
/* Пропадение текста в ограниченом по высоте блоке*/
.zoom {
  display: inline-block;
  line-height: 0;
}
.zoom:hover {
  position: relative;
}
.zoom:hover::after {
  content: '';
  display: inline-block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACTUlEQVRIS8WWz29MURTHPyczoWYj0RUbO0EkJBIyzKMlYSPhT7Cgm5qntZQgfsTSmDuxUBb+AYkFG5JRvU+qQsJGwkos2CCxqaoxR9502pn3Zl7f65hXd/neuedzzr3nnPsVYpaOFraQkRPAEWA7MNjc8g14Bzzmjz6QW96HOF/t/yXKWIvOQUSvgjjJHKpF5YJU7LMk9h1gPTk0wPraTVRGgMjAIpwrohP8yI7Jvcm55QIIONbx/AZq2YcI+SRRR9oo02Rrx6Q0/T3KZgmsI7tzDOSqwN5/grY2zzA3e0gmXs9289cCu84d4FSfoItu7oqxpyPBC4XE0x7uNC5ORRnuVnCNjNV1LFCI8+L/F2MX92gSe8ATYzs6Q7RY2InIm4ROegGD6i6peG8DfaxnncsoF1MFC1ekbC8FwW6hCjKcKliZlIoNMERd5zOwMVUwfBFjN4Uydn4Ba7qWfLOQkgalrhNVcPNi7Nr/Af4pxubC4NU46k9i7ObVLy70iRjPf1aXlqxKOzWey6lrQXD6A8QfmzukYn3R0Mo49ZHZpYcbo7cBTu+RqKP1/VJ5/iLckm3P4oHboL7q6Oeawdi8QEd/pykEFhIQMZSnxsLwoPQZPTxIZv5RH1VIJLxT7I3n11HPlHoUe3XgFbCn475CmcfIW64D+xJdulAFPU/Ze4nrlIHicvBY+apnhrYiteMIR0G2NQX9b+Ar6HsQi3K/vU/V75Z4eKJ8VmwUB4/NeMXEtg2RcOFcquDGcAofuw8t21Lq4CBcP4rxbvjf/gKumwWHcBG2mAAAAABJRU5ErkJggg==) center no-repeat;
  border-radius: 50%;
  height: 60px;
  left: 50%;
  margin: -30px auto auto -30px;
  top: 50%;
  width: 60px;
}