.gallery-section{
	position:relative;
	padding:10px 0px 10px;
}

.gallery-section .filters{
	position:relative;
	margin-bottom:60px;
	text-align:center;
}

.gallery-section .filters .filter-tabs{
	position:relative;
}

.gallery-section .filters li{
	position: relative;
    display: inline-block;
    color: #555555;
	padding:0px 0px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
	margin:0px 15px 0px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-section .filters .filter.active,
.gallery-section .filters .filter:hover{
    color:#0060ff;
	text-decoration:line-through;
}

.gallery-section .btn-box{
	position:relative;
	margin-top:30px;
}

.case-block.mix{
	display:none;
}




.cases-section{
	position:relative;
	padding:110px 0px 100px;
	background-color:#f5f5f5;
}

.case-block{
	position:relative;
	margin-bottom:30px;
}

.case-block .inner-box{
	position:relative;
}

.case-block .inner-box .image{
	position:relative;
}

.case-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.case-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.case-block .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.case-block .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #1C2C52 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #1C2C52 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #1C2C52 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #1C2C52));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #1C2C52 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #1C2C52 100%);
}

.case-block .inner-box .image .overlay-box .search-icon{
	position:absolute;
	left:50%;
	top:50%;
	width:60px;
	height:60px;
	color:#0060ff;
	z-index:1;
	font-weight:600;
	font-size:20px;
	text-align:center;
	line-height:60px;
	margin-left:-30px;
	margin-top:-60px;
	border-radius:50px;
	display:inline-block;
	background-color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-block .inner-box .image .overlay-box .search-icon:hover{
	background-color:#0060ff;
	color:#ffffff;
}

.case-block .inner-box .image .overlay-box .content{
	position:absolute;
	left:40px;
	bottom:40px;
	z-index:1;
}

.case-block .inner-box .image .overlay-box .content h4{
	position:relative;
	line-height:1.3em;
	font-weight:700;
}

.case-block .inner-box .image .overlay-box .content h4 a{
	position:relative;
	color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-block .inner-box .image .overlay-box .content h4 a:hover{
	color:#0060ff;
}

.case-block .inner-box .image .overlay-box .content .category{
	position:relative;
	margin-top:5px;
	color:#ffffff;
}

.case-block .inner-box .image .overlay-box .arrow{
	position:absolute;
	right:0px;
	bottom:0px;
	color:#ffffff;
	width:60px;
	height:60px;
	z-index:1;
	font-size:22px;
	text-align:center;
	line-height:60px;
	background-color:#0060ff;
}

.cases-section .section-text{
	position:relative;
	margin-top:25px;
	color:#0060ff;
	font-size:18px;
	font-weight:600;
	text-align:center;
	margin-bottom:30px;
}