@charset "utf-8";
/* CSS Document */

.icon {
  display: inline-block;
}

.icon-brain::after { 
  content: ' ';
  background: transparent url(brain.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}

.icon-bulleye::after { 
  content: ' ';
  background: transparent url(bulleye.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-calendar::after { 
  content: ' ';
  background: transparent url(calendar.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-charts::after { 
  content: ' ';
  background: transparent url(charts.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-chat::after { 
  content: ' ';
  background: transparent url(chat.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-code::after { 
  content: ' ';
  background: transparent url(code.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-cogs::after { 
  content: ' ';
  background: transparent url(cogs.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-compas::after { 
  content: ' ';
  background: transparent url(compas.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-docs::after { 
  content: ' ';
  background: transparent url(docs.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-growth::after { 
  content: ' ';
  background: transparent url(growth.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-hands::after { 
  content: ' ';
  background: transparent url(hands.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-idea::after { 
  content: ' ';
  background: transparent url(idea.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-ok::after { 
  content: ' ';
  background: transparent url(ok.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-people::after { 
  content: ' ';
  background: transparent url(people.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-pie::after { 
  content: ' ';
  background: transparent url(pie.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-rocket::after { 
  content: ' ';
  background: transparent url(rocket.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-screens::after { 
  content: ' ';
  background: transparent url(screens.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-siren::after { 
  content: ' ';
  background: transparent url(siren.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-stoper::after { 
  content: ' ';
  background: transparent url(stoper.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-trophy::after { 
  content: ' ';
  background: transparent url(trophy.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-world::after { 
  content: ' ';
  background: transparent url(world.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
.icon-zoom::after { 
  content: ' ';
  background: transparent url(zoom.svg) no-repeat;
  background-position: center;
  display: inline-block;
  background-size: 80px;
  width: 100px;
  height: 100px;
  margin: 10px 10px 10px 10px;
}
/* SIZE ICONS */

.icon-100::after {
  width: 100px!important;
  height: 100px!important;
  background-size: 80px!important;
}

.icon-150::after {
  width: 150px!important;
  height: 150px!important;
  background-size: 120px!important;
}

.icon-200::after {
  width: 200px!important;
  height: 200px!important;
  background-size: 160px!important;
}

.background-red {
  background-color: #ff2222;
  border-radius: 50%;
}

.color-red::after {
  filter: brightness(0) saturate(100%) invert(34%) sepia(58%) saturate(6926%) hue-rotate(349deg) brightness(108%) contrast(101%);
}

.background-black {
  background-color: #000000;
  border-radius: 50%;
}

.color-black::after {
  filter: brightness(0) saturate(100%) invert(0%) sepia(2%) saturate(3%) hue-rotate(326deg) brightness(93%) contrast(99%);
}

.background-white {
  background-color: #fff;
  border-radius: 50%;
}

.color-white::after {
  filter: brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(0%) hue-rotate(237deg) brightness(103%) contrast(103%);
}

.background-green {
  background-color: #81bf73;
  border-radius: 50%;
}

.color-green::after {
  filter: brightness(0) saturate(100%) invert(70%) sepia(36%) saturate(420%) hue-rotate(63deg) brightness(91%) contrast(93%);
}

.background-blue {
  background-color: #459cdb;
  border-radius: 50%;
}

.color-blue::after {
  filter: brightness(0) saturate(100%) invert(54%) sepia(72%) saturate(436%) hue-rotate(164deg) brightness(90%) contrast(89%);
}

.background-navy {
  background-color: #223d86;
  border-radius: 50%;
}

.background-purple {
  background-color: #01103c;
  border-radius: 50%;
}

.background-atsummit {
  background-color: #e22514;
  border-radius: 50%;
}

.color-green::navy {
  filter: brightness(0) saturate(100%) invert(16%) sepia(63%) saturate(2561%) hue-rotate(215deg) brightness(92%) contrast(88%);
}