@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?gsn12h');
  src:  url('fonts/icomoon.eot?gsn12h#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?gsn12h') format('truetype'),
    url('fonts/icomoon.woff?gsn12h') format('woff'),
    url('fonts/icomoon.svg?gsn12h#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
:root {
    --main-color:#283f52;
    --secondary-color:#1cbac8;
    --tercero-color:#677683;
    --cuarto-color:#a1b9cd;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color:#1cbac8;
  float:left;
  margin-right:15px;
  font-size:50px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkmark:before {
  content: "\e910";
font-family: 'icomoon' !important;
color: #fff;
font-size:20px;
text-align:center;
margin-left:7px;
line-height:30px;
}
.icon-software-preventa-smartphones:before {
  content: "\e900";
  color: var(--secondary-color);
}
.icon-smartphone-sending-data:before {
  content: "\e901";
  color: var(--secondary-color);
}
.icon-server:before {
  content: "\e902";
  color: var(--main-color);
}
.icon-screwdriver-and-wrench-crossed:before {
  content: "\e903";
  color: var(--secondary-color);
}
.icon-programacion_a_medida:before {
  content: "\e904";
  color: var(--secondary-color);
}
.icon-phone-pie:before {
  content: "\e905";
  font-size:16px;
  color: var(--cuarto-color);
  line-height:26px;
}
.icon-phone-receiver:before {
content: "\e905";
font-size:12px;
  color: white;
}

.icon-padlock:before {
  content: "\e906";
  color: var(--secondary-color);
}
.icon-maps-and-flags:before {
  content: "\e907";
  color: var(--secondary-color);
}
.icon-location:before {
  content: "\e907";
   font-size:16px;
  color: var(--cuarto-color);
line-height:26px;
}
.icon-keyboard:before {
  content: "\e908";
  color: var(--main-color);
}
.icon-ink-cartridge-refill:before {
  content: "\e909";
  color: var(--main-color);
}
.icon-icon:before {
  content: "\e90a";
  color: var(--secondary-color);
}
.icon-diseo_web:before {
  content: "\e90b";
  color: var(--secondary-color);
}
.icon-close-envelope:before {
  content: "\e90c";
font-size:12px;
  color: white;
}
.icon-close-envelope-pie:before {
  content: "\e90c";
font-size:16px;
  color: var(--cuarto-color);
line-height:26px;
}
.icon-ascendant-bars-graphic:before {
  content: "\e90d";
  color: var(--secondary-color);
}
.icon-app_estadisticas_movil:before {
  content: "\e90e";
  color: var(--secondary-color);
}
.icon-app-autopedidos-cliente:before {
  content: "\e90f";
  color: var(--secondary-color);
}