.theme-effect-grid {
    position: relative;
    overflow: hidden;
}
figure.theme-effect{
	overflow:hidden;
}
figure.theme-effect-none{
	overflow:hidden;
}
figure.theme-effect:before {
    content: "";
    width: 1000px;
    height: 200px;
    position: absolute;
    transform: rotate(45deg);
	top: -57%;
    right: -112%;
	-webkit-transition: all .75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
	opacity:0;
	z-index:2;
} 
.Sidebar figure.theme-effect:before{
	content: "";
    width: 600px;
    height: 200px;
    position: absolute;
    transform: rotate(50deg);
    top: -5%;
    right: -141%;
}
.Sidebar figure.theme-effect:after{
	  background: rgba(0,0,0,0.6);
	opacity:1;
}
.theme-effect-grid:hover figure.theme-effect:before{
	opacity:0.5;
	top: 109%;
	right: 48%;
	
}
.theme-effect-grid:hover img {
	opacity:1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.theme-effect-grid img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}
figure.theme-effect:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
	opacity:0;
	-webkit-transition: all .60s ease-in-out;
    -moz-transition: all 0.60s ease-in-out;
    -o-transition: all 0.60s ease-in-out;
    -ms-transition: all 0.60s ease-in-out;
    transition: all 0.60s ease-in-out;
}
.theme-effect-grid:hover figure.theme-effect:after {
	opacity:1;
}