.mm-icon_appbuilder {
  background: url(./img/icon_appbuilder.svg) center 45px/71px no-repeat;
}
.mm-icon_appviewer {
  background: url(./img/icon_appviewer.svg) center 45px/71px  no-repeat;
}
.mm-icon-1 {
  background: url(./img/client_manag_d.svg) center 10px no-repeat;
}
.mm-icon-2 {
  background: url(./img/client_manag_d.svg) center 40px/130px no-repeat;
}
.mm-icon-3 {
  background: url(./img/operation_d.svg) center 45px/45px no-repeat;
}
.mm-icon-4 {
  background: url(./img/trader_d.svg) center 53px/70px no-repeat;
}
.mm-icon-5 {
  background: url(./img/ebs_d.svg) center 51px/60px no-repeat;
}
.mm-icon-6 {
  background: url(./img/ebs_d.svg) center 10px no-repeat;
}
.mm-icon-7 {
  background: url(./img/administration_d.svg) center 50px/50px no-repeat;
}
.mm-icon-8 {
  background: url(./img/mid-office_d.svg) center 60px/50px no-repeat;
}
.mm-icon-9 {
  background: url(./img/fund-manag_d.svg) center 50px/50px no-repeat;
}
.mm-icon-10 {
  background: url(./img/rm-one_d.svg) center 45px/50px no-repeat;
}
.mm-icon-11 {
  background: url(./img/customer-one_d.svg) center 50px/50px no-repeat;
}
.mm-icon-12 {
  background: url(./img/fund_registry.svg) center 47px/46px no-repeat;
}
.mm-icon-13 {
  background: url(./img/except_d.svg) center 45px/40px no-repeat;
}
.mm-icon-14 {
  background: url(./img/mid-office_d.svg) center 30px/70px no-repeat;
}
.mm-icon-15 {
  background: url(./img/risk_d.svg) center 45px/45px no-repeat;
}
.mm-icon-16 {
  background: url(./img/node_red.svg) center 50px/70px no-repeat;
}
.mm-icon-17 {
  background: url(./img/NPA.svg) center 50px/70px no-repeat;
}
.mm-icon-18 {
  background: url(./img/metabase.svg) center 50px/60px no-repeat;
}
.mm-icon-commodity_funds {
  background: url(./img/icon_comodity_funds.svg) center 30px/70px no-repeat;
}
.mm-icon-commodity {
  background: url(./img/icon_comodity.svg) center 30px/70px no-repeat;
}
.mm-icon-etf {
  background: url(./img/icon_etf.svg) center 30px/70px no-repeat;
}
.mm-icon-oms {
  background: url(./img/icon_oms.svg) center 30px/70px no-repeat;
}

.mm-icon-7,
.mm-icon-8,
.mm-icon-9,
.mm-icon-10,
.mm-icon-11.mm-icon-13 {
  position: relative;
}

@media (max-width: 768px) {
  .mm-block .mm-icon {
    font-size: 76px;
  }
}

.skin-purple .mm-icon-1 .path1:before,
.skin-purple .mm-icon-2 .path1:before,
.skin-purple .mm-icon-3 .path2:before,
.skin-purple .mm-icon-4 .path2:before,
.skin-purple .mm-icon-5 .path2:before,
.skin-purple .mm-icon-7 .path2:before,
.skin-purple .mm-icon-8 .path2:before,
.skin-purple .mm-icon-9 .path2:before,
.skin-purple .mm-icon-10 .path2:before,
.skin-purple .mm-icon-11 .path2:before .skin-purple .mm-icon-13 .path2:before {
  color: #5050ca;
}

.skin-blue .mm-icon-1 .path1:before,
.skin-blue .mm-icon-2 .path1:before,
.skin-blue .mm-icon-3 .path2:before,
.skin-blue .mm-icon-4 .path2:before,
.skin-blue .mm-icon-5 .path2:before {
  color: #7ec3fb;
}

.skin-green .mm-icon-1 .path1:before,
.skin-green .mm-icon-2 .path1:before,
.skin-green .mm-icon-3 .path2:before,
.skin-green .mm-icon-4 .path2:before,
.skin-green .mm-icon-5 .path2:before {
  color: #05de7b;
}

.skin-red .mm-icon-1 .path1:before,
.skin-red .mm-icon-2 .path1:before,
.skin-red .mm-icon-3 .path2:before,
.skin-red .mm-icon-4 .path2:before,
.skin-red .mm-icon-5 .path2:before {
  color: #f76755;
}

.skin-yellow .mm-icon-1 .path1:before,
.skin-yellow .mm-icon-2 .path1:before,
.skin-yellow .mm-icon-3 .path2:before,
.skin-yellow .mm-icon-4 .path2:before,
.skin-yellow .mm-icon-5 .path2:before {
  color: #fdc367;
}