#content .custom-icon {
    margin: 0;
    display: block;
}

#content .custom-icon > a {
    display: block;
    color: inherit;
}
#content .custom-icon > i,
#content .custom-icon > a > i {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 55px;
    line-height: 139px;
    height: 139px;
    width: 139px;
    background-color: #CDCDCD;
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #333;
}
#content .custom-icon > a:hover i {
    background-color: #F5831F;
    color: #FFF;
}
#content .custom-icon .icon-text {
    text-align: center;
}

#content .custom-icon > a > i {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}