/*============================= Image-block ====================================*/
.image-block { position: relative; background: center center no-repeat; text-align: center; text-decoration: none; overflow: hidden; display: flex; align-items: center; justify-content: center; white-space: nowrap; }
.image-block:before { z-index: 5; }
.image-block:after { z-index: 6; }
.image-block__inner { position: relative; top: 0; left: 0; width: 100%; height: 100%; min-height: inherit; display: inline-flex; vertical-align: middle; align-items: inherit; justify-content: inherit; letter-spacing: normal; word-spacing: normal; background: center center no-repeat; background-size: auto; border-radius: inherit; cursor: inherit; }
.image-block__inner:after { content: ''; width: 0; height: 100%; min-height: inherit; display: inline-block; vertical-align: middle; }
.image-block__inner--bgcover { background-size: cover; }
.image-block__inner--bgcontain { background-size: contain; }
.image-block__inner--l, .image-block__inner--tl, .image-block__inner--bl { text-align: left; }
.image-block__inner--r, .image-block__inner--tr, .image-block__inner--br { text-align: right; }
.image-block__inner--tl:after, .image-block__inner--t:after, .image-block__inner--tr:after { vertical-align: top; }
.image-block__inner--bl:after, .image-block__inner--b:after, .image-block__inner--br:after { vertical-align: bottom; }
.image-block__item { position: relative; max-width: 100%; height: auto; border: none; display: inline-block; flex: 0 0 auto; vertical-align: middle; float: none; cursor: inherit; }
.image-block__item--fixed { max-width: 100%; max-height: 100%; }
.image-block__item--hover { display: none; }
.button:hover .image-block__item--hover, .link:hover .image-block__item--hover { display: inline-block; }
.button:hover .image-block__item--hover + .image-block__item, .link:hover .image-block__item--hover + .image-block__item { display: none; }
.image-block:hover .image-block__item--hover { display: inline-block; }
.image-block:hover .image-block__item--hover + .image-block__item { display: none; }
.BWfade ~ .image-block__item, canvas ~ .image-block__item, .image-block:hover .BWfade, .image-block:hover canvas { visibility: hidden; }
.image-block:hover .BWfade ~ .image-block__item, .image-block:hover canvas ~ .image-block__item { visibility: visible; }
.cssobjectfit .image-block--cover .image-block__item, .cssobjectfit .image-block--cover img { width: 100%; height: 100%; object-fit: cover; }

/* image no found */
.image-block__item--empty:before { content: "" !important; font-size: 0; line-height: 0; width: 170px; max-width: 100%; padding-bottom: 100%; background: #FFF4E2; display: block; }
.image-block__item--empty:after { position: absolute; content: ""; top: 50%; left: 50%; width: 51px; height: 39px; margin: -20px 0 0 -25px; background: url("/images/no_photo_small.jpg") -60px -37px no-repeat; display: block; }
/*=============================!Image-block!====================================*/