.icon,
.icon-services,
.icon-services-dark,
.icon-bigicons {
    display: inline-block;
    text-indent: -1000em;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
}

.icon {
  background-image: url('../images/strands-corp-sprite.png');
}


/* icon positions and sizes ^*/

.icon.icon-left {
    background-position: 0 0;
}
.icon.icon-right {
    background-position: -40px 0;
}

.icon.icon-small-white-right,
.icon.icon-small-white-left,
.icon.icon-small-dark-right,
.icon.icon-small-dark-left {
  width: 7px;
  height: 14px;
}

.icon.icon-small-white-right {
  background-position: -80px 0;
}
.icon.icon-small-white-left {
  background-position: -120px 0;
}
.icon.icon-small-dark-right {
  background-position: -80px -20px;
}
.icon.icon-small-dark-left {
  background-position: -120px -20px;
}

.icon.icon-strands-logo {
  width: 90px;
  height: 55px;
  background-image: url('../images/StrandsLogo.svg');
}

.icon.icon-language {
  width: 18px;
  height: 17px;
  background-position: -280px 0;
}

.icon.icon-linkedin,
.icon.icon-twitter,
.icon.icon-youtube {
    width: 22px;
    height: 22px;
}

.icon.icon-linkedin {
  background-position: -300px 0;
}
.icon.icon-youtube {
  background-position: -340px 0;
}
.icon.icon-twitter {
  background-position: -380px 0;
}


.icon.browser-buttons {
  background-position: -410px 0;
  width: 40px;
  height: 10px;
}

/* services icons */
.icon-services,
.icon-services-dark {
  width: 120px;
  height: 120px;
  background-image: url('../images/strands-services-sprite.png');
}
.icon-services-dark {
  background-image: url('../images/strands-services-sprite-dark.png');
}

.icon-services-small {
  width: 60px;
  height: 60px;
  background-size: 180px;
}



.icon-integration {
  background-position: 0 0;
}
.icon-customization {
  background-position: -120px 0;
}
.icon-aggregation {
  background-position: -240px 0;
}
.icon-support {
  background-position: 0 -120px;
}
.icon-innovation {
  background-position: -120px -120px;
}
.icon-training {
  background-position: -240px -120px;
}


/* big icons */

.icon-bigicons {
  width: 150px;
  height: 150px;
  background-image: url('../images/strands-bigicons-sprite.png');
}

.icon-data {
  background-position: 0 0;
}
.icon-knowledge {
  background-position: -150px 0;
}
.icon-insights {
  background-position: -300px 0;
}



/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .sprite {
    background-size: 500px 75px;
    background-image: url('../images/strands-corp-sprite@2x.png');
  }
}