.iconblock-3 {
    margin:10px 0;
    text-align:center;
}
.iconblock-3 .icon {        
    color: #FFF;                   
    background: #337AB7;      
    width: 100px;           
    height: 100px;                  
    padding: 18px;           
    font-size: 64px;                
    transform: rotate(45deg);                   
    margin: 40px auto;
    box-sizing: border-box;
}
.iconblock-3 .icon i, 
.iconblock-3 .icon img {        
    transform: rotate(-45deg);
    width: 64px;           
    height: 64px;  
}
.iconblock-3 .icon:before {
    content: '';   
    border: 4px solid #337AB7;          
    position: absolute;         
    top: 4px;           
    right: 4px;         
    bottom: 4px;           
    left: 4px;            
    transition-duration: .3s;            
}
.iconblock-3:hover .icon:before {
    top: -8px;       
    right: -8px;          
    bottom: -8px;          
    left: -8px
}
.iconblock-3 h3{
    transition: all 0.7s ease 0s;
    color: #337AB7;
    font-size:20px;
    margin:0 0 6px 0;
    padding:6px;
}    
.iconblock-3:hover h3 {
    color: #000;
}