.gicon-container {

     background-image: url(../img/icon-zoom32.png);
     background-position: center;
     background-repeat: no-repeat;
     position: absolute;
     display: block;
     opacity: 0;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     transition: .8s;
     top: 50%;
     left: 50%;
     margin-left: -40px;
     margin-top: -40px;

 }

 .gicon-container.style-blue {
     background-color: rgba(0, 170, 238, 0.9);
 }

 .gicon-container.style-dark {
     background-color: rgba(44, 44, 44, 0.81);
 }

 .gicon-container.style-red {
     background-color: rgba(229, 55, 15, 0.81);
 }

 .gicon-container.style-green {
     background-color: rgba(11, 87, 4, 0.81);
 }

 .gicon-container.style-orange {
     background-color: rgba(253, 126, 20, 0.79);
 }

 .images-link:hover .icon-container {
     transform: scale(1.1);
 }

 .st-gallery-readmore {
     text-align: center
 }


 .st-galery .image-caption.style-red {
     background-color: rgba(229, 55, 15, 0.81)
 }

 .st-galery .image-caption.style-blue {
     background-color: rgba(0, 170, 238, 0.9);
 }

 .st-galery .image-caption.style-dark {
     background-color: rgba(44, 44, 44, 0.81)
 }

 .st-galery .image-caption.style-green {
     background-color: rgba(11, 87, 4, 0.81)
 }

 .st-galery .image-caption.style-orange {
     background-color: rgba(253, 126, 20, 0.79);
 }

 .st-galery .image-caption a {
     color: #fff;
     display: block
 }

 .st-galery .image-caption a:hover {
     text-decoration: underline
 }

 .st-galery .one-image {
     position: relative;
     overflow: hidden
 }

 .st-galery .images-link img {
     object-fit: cover;
     width: 100%;
     height: 100%
 }

 .st-galery .images-link img.style-red {
     border-color: #d84a2c !important
 }

 .st-galery .images-link img.style-blue {
     border-color: #15afee !important
 }

 .st-galery .images-link img.style-dark {
     border-color: #2d3526 !important
 }

 .st-galery .images-link img.style-green {
     border-color: #36610f !important
 }

 .st-galery .images-link img.style-orange {
     border-color: #f6923e !important
 }

 .st-galery .st-galery-line {
     margin-left: 0;
     margin-right: 0;
     display: flex;
     flex-wrap: wrap;
     box-sizing: content-box
 }

 .st-galery .image-col-5 {
     flex: 0 0 20%;
     max-width: 20%;
 }

 .st-galery .image-col-4 {
     flex: 0 0 25%;
     max-width: 25%;
 }

 .st-galery .image-col-3 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
 }

 .st-galery .image-col-2 {
     flex: 0 0 50%;
     max-width: 50%;
 }

 .st-galery .image-col-1 {
     flex: 0 0 100%;
     max-width: 100%;
 }

 .st-galery .fancybox-caption__body {
     font-size: 20px
 }

 .st-galery .st-galery-line * {
     box-sizing: border-box
 }

 .st-galery .images-link:hover .gicon-container {
     opacity: 1
 }

 .galery-container {
     overflow: hidden
 }

 @media (max-width: 991.98px) {

     .st-galery .image-col-5 {
         flex: 0 0 25%;
         max-width: 25%;
     }

     .st-galery.image-col-4 {
         flex: 0 0 33.3333333333%;
         max-width: 33.3333333333%;
     }
 }

 @media (max-width: 767.98px) {
     .st-galery .image-col-5 {
         flex: 0 0 33.3333333333%;
         max-width: 33.3333333333%;
     }

     .st-galery .image-col-4 {
         flex: 0 0 50%;
         max-width: 50%;
     }

     .st-galery .image-col-3 {
         flex: 0 0 50%;
         max-width: 50%;
     }
 }

 @media (max-width: 575.98px) {

     .st-galery .image-col-5,
     .st-galery .image-col-4,
     .st-galery .image-col-3,
     .st-galery .image-col-2 {
         flex: 0 0 100%;
         max-width: 100%;
     }
 }