@charset "utf-8";
/* CSS Document */

.services-box {
    text-align: center;
    background: #fff;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 5px;
    -webkit-box-shadow: 7px 5px 30px rgba(72, 73, 121, .15);
    box-shadow: 7px 5px 30px rgba(72, 73, 121, .15);
    -webkit-transition: .4s;
    transition: .4s;
}
.services-box img
{
	height:180px;
	margin:0 auto;
}
.services-box:hover {
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px)
}
.services-box:hover .icon {
	color:#fff;
	background-color:#ff6d34
}
.services-box .icon {
	border:1px solid #ff6d34;
	display:inline-block;
	width:80px;
	height:80px;
	font-size:40px;
	position:relative;
	color:#ff6d34;
	line-height:80px;
	border-radius:50%;
	z-index:1;
	margin:20px 0 20px;
-webkit-transition:.4s;
transition:.4s
}
.services-box .icon::before {
display:block;
content:"";
position:absolute;
width:120px;
height:120px;
top:-21px;
left:-21px;
z-index:-1;
border:.5em solid #fff;
border-radius:50%;
-webkit-box-shadow:0 2px 15px 0 rgba(0, 0, 0, .06);
box-shadow:0 2px 15px 0 rgba(0, 0, 0, .06);
-webkit-transition:.4s;
transition:.4s
}
.services-box h3 {
	font-size:20px;
	font-weight:600;
	
	margin-top:30px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	    line-height: 32px;

}
.services-box h4 {
	font-size:18px;
	font-weight:600;
	margin-bottom:20px;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	   

}
.services-box p {
	margin-bottom:20px
}
.single-box:hover .read-more-btn {
	color:#fff
}
.single-box:hover .read-more-btn::before {
background:#fff
}
.read-more-btn {
	text-transform:uppercase;
	font-weight:700;
	position:relative;
	color:#b70000;
	z-index:1
}
.read-more-btn::before {
content:'';
position:absolute;
left:50px;
bottom:9px;
width:55px;
height:2px;
background:#b70000;
opacity:0;
visibility:hidden;
-webkit-transition:.4s;
transition:.4s;
z-index:-1
}
.read-more-btn:focus, .read-more-btn:hover {
	color:#283a5e
}
.read-more-btn:focus::before, .read-more-btn:hover::before {
left:-20px;
opacity:1;
visibility:visible
}
