/* ======================================================================== */

/* service Box 3

/* ======================================================================== */

.serviceBox_3  {

    padding: 15px 15px 25px;

    margin:60px auto 0;

    text-align: center;

    cursor: pointer;

    border-radius: 4px;

    background:#fff;

    border:1px solid #ff7c1b;

    border-bottom-width:3px ;

    position:relative;

}

.serviceBox_3  .service-icon

{

    width:70px;

    height:70px;

    line-height:70px;

    border-radius:4px;

    border:1px solid #ff7c1b;

    background:#fff;

    color:#ff7c1b;

    margin:-48px auto 20px;

}

.serviceBox_3,.serviceBox_3 i,

.serviceBox_3  p,.service-icon,

.serviceBox_3  :after,.serviceBox_3 h1:before,

.service-icon:after,

.service-icon,.service-content{

    transition: all 0.5s ease-in-out;

}



.serviceBox_3  p {

    margin:0 0 15px;

}

.serviceBox_3 h1 {

    font-size: 25px;

    font-weight:normal;

    letter-spacing:0.7px;

    position: relative;

    margin:20px 0;

    padding:10px 0;

    background:none;

    overflow:hidden;

}

.serviceBox_3 h1:before

{

    content:"";

    background:#ff7c1b;

    width:0;

    height:2px;

    position:absolute;

    bottom:0;

    left:50%;

}

.serviceBox_3  h1:after

{

    content:"";

    background:#ff7c1b;

    width:0;

    height:2px;

    position:absolute;

    bottom:0;

    right:50%;

}

.serviceBox_3:hover h1:after,

.serviceBox_3:hover h1:before{

    width:100%;

}

.serviceBox_3  i {

    display: inline-block;

    font-size:3em;

    line-height:70px;

}

.serviceBox_3:hover .service-icon{

    background:#ff7c1b;

    color:#fff;

}

.serviceBox_3 .read{color:#ff7c1b; }

.serviceBox_3 .read:hover{color:#21328B; }

/* ======================================================================== */