/*********** For Services Page *********/
.inner-content:after,
 .box3:after,.box3:before {
 	content:""
 }

.box3{
	box-shadow:0 0 3px rgba(0,0,0,.3);
	position:relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.box3 .box-content,.box3:after,
.box3:before{
	position:absolute;
	left:6%;
	right:6%;
	transition: all .4s;
}
.box3:after,.box3:before{
	display:block;
	background:rgba(0,0,0,.3);
	top: 6%;
	bottom: 6%;
	z-index: 1;
	transform:scale(0,1);
}
.box3:after{
	top:6%;
	bottom:6%;
	transform:scale(1,0);
}
.box3:hover:after,
.box3:hover:before{
	transform:scale(1);
	animation: animate 1.5s}

.box3:hover:before{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.box:hover:after{
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.box img{
	width:100%; height: auto;
	transition: all .3s}
.box3:hover img{
	transform:scale(1.2);
	filter:blur(5px);
	-moz-filter:blur(5px);
	-webkit-filter:blur(5px);
}
.box3 .box-content{
	padding: 15px 10px;
	top:10%;
	bottom:10%;
	opacity:0;
	z-index:2;
}
.box3:hover .box-content{
	/*box-shadow:0 0 0 35px rgba(255,255,255,.3);*/
	opacity:1;
	transition:all .3s;}
/*.box3 .title{
	font-size:24px;
	font-weight:600;
	color:#1986C9;
	margin:0 0 5px;
}*/
.box3 .post{
	display:block;
	margin:0 0 5px;
	font-size:14px;
	color:rgba(255,255,255,.8);
}
.box3 .description{
	text-align: center;
	font-size:14px;
	color: #fff;
	margin: 10px 0;
	line-height: 1.2;
}
.box3 .icon{
	padding:0;margin:0;
	list-style:none}
.box3 .icon li{
	display:inline-block;
	margin:0 10px 0 0}
.box3 .icon li a{
	display:block;
	width:30px;height:30px;
	line-height:30px;
	color:#fff;
	background:#88c425;
	transition:all .5s}
.box3 .icon a:hover{
	text-decoration:none;
	animation:animate-hover .5s;
	transition:all .3s}
@keyframes animate{0%,100%{
	opacity:1}
}
@keyframes animate-hover{
	0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
	50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
	100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}

@media only screen and (max-width:990px){
	.box3{margin-bottom:30px;
	}
	
.box3 .box-content{padding:10px}
.box3 .description{
	margin-bottom:10px}
}
@media only screen and (max-width:479px){
	.box3 .title{margin:0}
}

.box3 .title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    position: relative;
    top: 0;
    opacity: 0;
    transition: all 1s ease 10ms;
}
.box3:hover .title {
	color: #fbd258;
    top: 1%;
    opacity: 1;
    transition: all .5s cubic-bezier(1,-.53,.405,1.425) 10ms;
}
.box3 .title::after {
    content: "";
    width: 0;
    height: 2px;
    background: #fbd258;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 1s ease 0s;
}
.box3:hover .title:after{
	width: 80%;
	transition:all .8s ease .8s;
}

.box15{box-shadow:0 0 5px #7e7d7d;text-align:center}
.box15 .icon{padding:0;list-style:none}


/*********************** Demo - 15 *******************/
/*{position:relative}
.box15 img{width:100%;height:auto}
.box15 .box-content{width:100%;height:100%;
	position:absolute;top:0;left:0;
	transition:all .5s ease 0s}
.box15:hover .box-content{
	background-color:rgba(255,242,242,.8)}
.box15 .box-content:after,
.box15 .box-content:before{content:"";width:50px;
height:50px;
position:absolute;opacity:0;
transform:scale(1.5);
transition:all .6s ease .3s}
.box15 .box-content:before{
	border-left:1px solid #040404;
	border-top:1px solid #040404;
	top:19px;left:19px}
.box15 .box-content:after{
	border-bottom:1px solid #040404;
	border-right:1px solid #040404;
	bottom:19px;right:19px}
.box15:hover .box-content:after,.box15:hover 
.box-content:before{opacity:1;transform:scale(1)}
.box15 .title{font-size:22px;color:#000;
	margin:0;position:relative;top:0;
	opacity:0;transition:all 1s ease 10ms}
.box15:hover .title{top:39%;opacity:1;
	transition:all .5s cubic-bezier(1,-.53,.405,1.425) 10ms}
.box15 .title:after{content:"";width:0;
height:1px;background:#040404;
position:absolute;bottom:-8px;
left:0;right:0;margin:0 auto;
transition:all 1s ease 0s}

.box15:hover .title:after{
	width:80%;transition:all 1s ease .8s;
}
.box15 .icon{width:100%;margin:0 auto;
	position:absolute;bottom:0;opacity:0;
	transition-duration:.6s;
	transition-timing-function:cubic-bezier(1,-.53,.405,1.425);
	transition-delay:.1s}

.box15:hover .icon{bottom:39%;opacity:1}
.box15 .icon li{display:inline-block}
.box15 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;font-size:18px;color:#000;border:1px solid #000;margin-right:5px;transition:all .3s ease-in-out 0s}
.box15 .icon li a:hover{background:#000;color:#fff}
@media only screen and (max-width:990px){.box15{margin-bottom:30px}
}
*/