.gallery-block.mix,
.gallery-block-two.mix{
display: none;
} .gallery-block{
position: relative;
margin-bottom: 50px;
}
.gallery-block .inner-box{
position: relative;
}
.gallery-block .inner-box .image{
position: relative;
}
.gallery-block .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
text-align:center;
-webkit-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
}
.gallery-block .inner-box .image .overlay-box:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color:rgba(238,45,80,0.90);
-moz-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.gallery-block .inner-box:hover .overlay-box:before{
-moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
visibility: visible;
}
.gallery-block .inner-box:hover .overlay-box{
opacity:1;
}
.gallery-block .inner-box .image .overlay-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.gallery-block .inner-box .image .overlay-box .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.gallery-block .inner-box .image .overlay-box .overlay-inner .link{
position:relative;
font-size:20px;
color:var(--theme-color);
width:50px;
height:50px;
line-height:52px;
margin:0px 5px;
display:inline-block;
background-color:#ffffff;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-block .inner-box .image .overlay-box .overlay-inner .link .icon{
position:relative;
}
.gallery-block .inner-box .image img{
position: relative;
width:100%;
display: block;
}
.gallery-block .inner-box .lower-content{
position: relative;
padding-top: 35px;
text-align: center;
}
.gallery-block .inner-box .lower-content h3{
position: relative;
font-size: 22px;
font-weight: 600;
line-height: 1.3em;
margin-bottom: 4px;
}
.gallery-block .inner-box .lower-content h3 a{
position: relative;
color: #222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.gallery-block .inner-box .lower-content h3 a:hover{
color: var(--theme-color);
}
.gallery-block .inner-box .lower-content .designation{
position: relative;
color: var(--theme-color);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
} .gallery-block-two{
position:relative;
margin-bottom: 30px;
}
.gallery-block-two .inner-box{
position:relative;
width:100%;
overflow:hidden;
}
.gallery-block-two .image-box{
position:relative;
display:block;
margin-bottom: 0px;
}
.gallery-block-two .image-box img{
position:relative;
display:block;
width:100%;
}
.gallery-block-two .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
text-align:center;
-webkit-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
}
.gallery-block-two .overlay-box:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color:rgba(238,45,80,0.90);
-moz-transform: rotateX(-180deg);
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.gallery-block-two .inner-box:hover .overlay-box:before{
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.gallery-block-two .inner-box:hover .overlay-box{
opacity:1;
}
.gallery-block-two .inner-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.gallery-block-two .inner-box .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.gallery-block-two .inner-box .overlay-inner .link{
position:relative;
font-size:20px;
color:var(--theme-color);
width:50px;
height:50px;
line-height:52px;
margin:0px 5px;
display:inline-block;
background-color:#ffffff;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-block-two .inner-box .overlay-inner .link .icon{
position:relative;
}