/*      box icons
------------------------------------------------*/
.boxIcon{
        padding:33px;
        text-align: center;
        display: block;
        margin-bottom:11px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}

.boxIcon i, .boxIcon .imgBorder{
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-backface-visibility: hidden;
}
.boxIcon span {display:none;}
.boxIcon i {margin: 36px auto; display: block; border-radius:50%;}
.boxIcon h2 {font-size: 18px; font-weight: 400; margin-bottom: 16px;}
.boxIcon p {margin: 0;}

.boxIcon:hover{text-decoration:none; }

.boxIcon:hover i{
        width: 150px;
        height: 150px;
        margin:11px auto;
}

/* img box */
.boxIcon img{

        width: 180px;
        height: 180px;
        /*width: 100%;
        height: 100%;*/
        -webkit-backface-visibility: hidden;
}
.boxIcon:hover img{ }

.boxIcon .imgBorder{
        width: 180px;
        height: 180px;
        margin: 18px auto 22px auto;
}
.boxIcon .imgBorder img{
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-backface-visibility: hidden;

}


.boxIcon:hover .imgBorder img{
        transform: scale(0.8,0.8);
        -webkit-transform: scale(0.8,0.8);
}

.img-circle {width:140px; height:140px;}

.img-circle {
  border-radius: 50%;
}