/*
English:

CSS framework framework.averin.pro 
Version: 6.0.1
Prefix: ""
Author: Artemiy Averin (ya@averin.pro)
Company: Design studio Artemy Averin (https://averin.pro/) 

Docs & Examples: https://framework.averin.pro/ 

Русский: 

CSS фреймворк framework.averin.pro
Версия: 6.0.1
Префикс: ""
Студия Артемия Аверина (ya@averin.pro)
 
Документая и примеры: httpы://framework.averin.pro/
*/

/*** Start zoom component ***/ 
.averin-zoom:hover { cursor: -webkit-zoom-in; cursor: zoom-in; } 
.averin-zoom_wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; z-index: 1000; } 
.averin-zoom_content { display: block; position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } 
.averin-zoom_image { display: block; max-width: 90%; max-height: 90%; margin-left: auto; margin-right: auto; box-shadow: 0px 0px 100px rgba(0,0,0,0.5); background: #EBEBEB; }
.averin-zoom_title { display: block; position: absolute; bottom: 0px; left: 0; right: 0; text-align: center; color: #FFFFFF; background: #000000; padding: 20px; }
.averin-zoom_close { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; cursor: pointer; z-index: 1001; }
.averin-zoom_prev { position: absolute; top: 50%; left: 50px; cursor: pointer; color: #FFFFFF; font-weight: bold; font-size: 21px; TEXT-DECORATION: none; z-index: 1001;  }
.averin-zoom_next { position: absolute; top: 50%; right: 50px; cursor: pointer; color: #FFFFFF; font-weight: bold; font-size: 21px; TEXT-DECORATION: none; z-index: 1001; }
/*** End zoom component ***/