.fancy-box-style-1 .cs-fancy-container .cs-fancy-header,
.cs-fancy-box .cs-fancy-box-title-image i,
.fancy-box-style-1 .cs-fancy-container .cs-fancy-box-content {
-webkit-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
}.fancy-box-style-1 .cs-fancy-container .cs-fancy-header {
position: relative;
}
.fancy-box-style-1 .cs-fancy-container .cs-fancy-header:before {
background: transparent;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.fancy-box-style-1 .cs-fancy-container:hover .cs-fancy-header:before {
background: rgba(0, 0, 0, 0.1);
}
.fancy-box-style-1 .cs-fancy-container .cs-fancy-box-title-image {
padding: 10px;
}
.fancy-box-style-1 .cs-fancy-container .cs-fancy-box-title-image i {
position: relative;
z-index: 10;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}
.fancy-box-style-1 .cs-fancy-container:hover .cs-fancy-box-title-image i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.fancy-box-style-1 .cs-fancy-container .cs-fancy-box-meta {
padding: 10px;
}
.fancy-box-style-1 .cs-fancy-container .cs-fancy-box-title {
margin: 10px 0;
position: relative;
z-index: 10;
}
.fancy-box-style-1 .cs-fancy-container .cs-fancy-box-content {
padding: 10px;
background-color: #fff;
}
.fancy-box-style-1 .cs-fancy-container:hover .cs-fancy-box-content {
color: #fff;
}.cs-fancy-box.fancy-box-style-5 .cs-fancy-box-title {
margin: 10px 0;
}
.cs-fancy-box.fancy-box-style-5 i {
font-size: 52px;
display: inline-block;
}