@font-face {
  font-family: 'Satisfy';
  src: url(../fonts/Satisfy-Regular.html);
}

@font-face {
  font-family: 'Monoton';
  src: url(../fonts/Monoton-Regular.html);
}




.icon-box:hover {
    background: #5f02bd;
}

.icon-box:hover .text-theme-colored2 {
    color: #fff !important;
}

.icon-box:hover > img {
    filter: invert(1) !important;
}

 .icon-box {
    transition: all 0.1s ease-in-out;
    min-height: 110px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #5f02bd;
    font-weight: 600;
    font-family: 'Arial Narrow Bold', Calibri;
    overflow: hidden;
}
.bg-wg{background-color:#e8f1f2;}
.bg-wg .icon-box { color:#000000;
}
.bg-white .icon-box:hover {color:red ;
}
.icon-box img:first-child { height:50px; width:50px; margin-bottom:4px;
}
 .icon-box.iconbox-border {
    border: 1px solid #dcdcdc;
    margin: 1px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: linear-gradient(135deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );
}
/*.icon-box a{
    font-size:13px !important; color:#5f02bd !important;
}*/
.icon-box-title
{
    font-size:14px !important;
}