.review-border{ border:solid 2px #f1f1f1; padding:10px;}


.overlay-holder { border-radius: 3px; transition: all 0.3s ease-out; }
.opacity-2 { opacity: 0.5; }
.caption-holder { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; color: #FFF; overflow: hidden; }

.pagination.text-center > li { text-align:center; display: inline-block; }
.section-title { line-height: 1.25; margin-bottom: 40px; }
.caption-relative { position: relative; }
.caption-relative .caption-holder { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; color: #FFF; font-size:17px; overflow: hidden; }
.caption-relative .caption-holder .caption-top { align-self: flex-start; }
.caption-relative .caption-holder .caption-bottom { align-self: flex-end; }
.caption-relative .caption-holder .caption-inner { position: relative; width: 100%; }

.caption-relative .caption-top.caption-gradient { background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); padding: 10px; padding-bottom: 50px; }
.caption-relative .caption-bottom.caption-gradient { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ padding: 10px; padding-top: 50px; }

.caption-relative .caption-show-hide { -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; height: 0; overflow: hidden; }
.caption-relative:hover .caption-show-hide { opacity: 1; height: 100px; }

.image-caption-01 { -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; overflow: hidden; font-size: 13px; background-color: #F8F3F3; padding: 5px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13); }
.image-caption-01:hover { box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); transform: scale(1.025); }
.image-caption-01 img { border-radius: 3px; }
.image-caption-01 .overlay-holder { border-radius: 3px; transition: all 0.3s ease-out; }
.image-caption-01 .caption-inner h4, .image-caption-01 .caption-inner h5, .image-caption-01 .caption-inner h6 { color: #FFF; line-height: 1; margin: 0; text-transform: uppercase; letter-spacing: 1px; padding: 10px 15px 10px 15px; margin: 10px; }
.image-caption-01 .wider img { height: 250px; object-fit: cover; }
.image-caption-01 .higher img { height: 300px; object-fit: cover; }
.image-caption-01:hover .overlay-holder.opacity-2 { opacity: 0.5; }

.image img { width: 100%; display: block; }
.overlay-relative { position: relative; }
.overlay-relative .overlay-holder { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; opacity: 0.5; color: #FFF; }
.overlay-relative .overlay-holder.overlay-white { background: #FFF; color: inherit; }
.overlay-relative .overlay-holder.opacity-10 { opacity: 1; }
.overlay-relative .overlay-holder.opacity-9 { opacity: 0.9; }
.overlay-relative .overlay-holder.opacity-8 { opacity: 0.8; }
.overlay-relative .overlay-holder.opacity-7 { opacity: 0.7; }
.overlay-relative .overlay-holder.opacity-6 { opacity: 0.6; }
.overlay-relative .overlay-holder.opacity-5 { opacity: 0.5; }
.overlay-relative .overlay-holder.opacity-4 { opacity: 0.4; }
.overlay-relative .overlay-holder.opacity-3 { opacity: 0.3; }
.overlay-relative .overlay-holder.opacity-2 { opacity: 0.2; }
.overlay-relative .overlay-holder.opacity-1 { opacity: 0.1; }
.overlay-relative .overlay-holder.opacity-0 { opacity: 0; }

.overlay-relative .overlay-holder.overlay-primary { background-color: #FF1944; color: #FFF; }
.overlay-relative .overlay-holder.overlay-light { background-color: #F2F2F2; color: inherit; }
.opacity-2:before { opacity: 0.2; }

.img1{background:url(file:///F|/Demo/h_bg.jpg) no-repeat;