.lens1 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens1.svg) no-repeat center;
}
.lens2 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens2.svg) no-repeat center;
}
.lens3 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens3.svg) no-repeat center;
}
.lens4 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens4.svg) no-repeat center;
}
.lens5 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens5.svg) no-repeat center;
}
.lens6 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens6.svg) no-repeat center;
}
.lens7 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens7.svg) no-repeat center;
}
.lens8 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens8.svg) no-repeat center;
}
.lens9 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens9.svg) no-repeat center;
}
.lens10 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens10.svg) no-repeat center;
}
.lens11 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens11.svg) no-repeat center;
}
.lens12 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens12.svg) no-repeat center;
}
.lens13 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens13.svg) no-repeat center;
}
.lens14 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens14.svg) no-repeat center;
}
.lens15 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens15.svg) no-repeat center;
}
.lens16 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens16.svg) no-repeat center;
}
.lens17 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens17.svg) no-repeat center;
}
.lens18 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(lens18.svg) no-repeat center;
}
.phone1 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone1.svg) no-repeat center;
}
.phone2 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone2.svg) no-repeat center;
}
.phone3 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone3.svg) no-repeat center;
}
.phone4 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone4.svg) no-repeat center;
}
.phone5 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone5.svg) no-repeat center;
}
.phone6 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone6.svg) no-repeat center;
}
.phone7 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone7.svg) no-repeat center;
}
.phone8 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone8.svg) no-repeat center;
}
.phone9 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone9.svg) no-repeat center;
}
.phone10 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone10.svg) no-repeat center;
}
.phone11 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(phone11.svg) no-repeat center;
}
.heart1 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart1.svg) no-repeat center;
}
.heart2 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart2.svg) no-repeat center;
}
.heart3 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart3.svg) no-repeat center;
}
.heart4 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart4.svg) no-repeat center;
}
.heart5 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart5.svg) no-repeat center;
}
.heart6 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart6.svg) no-repeat center;
}
.heart7 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart7.svg) no-repeat center;
}
.heart8 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart8.svg) no-repeat center;
}
.heart9 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart9.svg) no-repeat center;
}
.heart10 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart10.svg) no-repeat center;
}
.heart11 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart11.svg) no-repeat center;
}
.heart12 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart12.svg) no-repeat center;
}
.heart13 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart13.svg) no-repeat center;
}
.heart14 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart14.svg) no-repeat center;
}
.heart15 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart15.svg) no-repeat center;
}
.heart16 {
 width: 80px;height: 100px;
  background: black;
 -webkit-mask: url(heart16.svg) no-repeat center;
}
.heart17 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart17.svg) no-repeat center;
}
.heart18 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(heart18.svg) no-repeat center;
}
.cart1 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart1.svg) no-repeat center;
}
.cart2 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart2.svg) no-repeat center;
}
.cart3 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart3.svg) no-repeat center;
}
.cart4 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart4.svg) no-repeat center;
}
.cart5 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart5.svg) no-repeat center;
}
.cart6 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart6.svg) no-repeat center;
}
.cart7 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart7.svg) no-repeat center;
}
.cart8 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart8.svg) no-repeat center;
}
.cart9 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart9.svg) no-repeat center;
}
.cart10 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart10.svg) no-repeat center;
}
.cart11 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart11.svg) no-repeat center;
}
.cart12 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart12.svg) no-repeat center;
}
.cart13 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart13.svg) no-repeat center;
}
.cart14 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart14.svg) no-repeat center;
}
.cart15 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart15.svg) no-repeat center;
}
.cart16 {
 width: 80px;height: 100px;
  background: black;
 -webkit-mask: url(cart16.svg) no-repeat center;
}
.cart17 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart17.svg) no-repeat center;
}
.cart18 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart18.svg) no-repeat center;
}
.cart19 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(cart19.svg) no-repeat center;
}
.bag1 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag1.svg) no-repeat center;
}
.bag2 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag2.svg) no-repeat center;
}
.bag3 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag3.svg) no-repeat center;
}
.bag4 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag4.svg) no-repeat center;
}
.bag5 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag5.svg) no-repeat center;
}
.bag6 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag6.svg) no-repeat center;
}
.bag7 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag7.svg) no-repeat center;
}
.bag8 {
 width: 80px;height: 90px;
  background: black;
 -webkit-mask: url(bag8.svg) no-repeat center;
}
.bag9 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag9.svg) no-repeat center;
}
.bag10 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag10.svg) no-repeat center;
}
.bag11 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag11.svg) no-repeat center;
}
.bag12 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag12.svg) no-repeat center;
}
.bag13 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag13.svg) no-repeat center;
}
.bag14 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag14.svg) no-repeat center;
}
.bag15 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag15.svg) no-repeat center;
}
.bag16 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag16.svg) no-repeat center;
}
.bag17 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag17.svg) no-repeat center;
}
.bag18 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(bag18.svg) no-repeat center;
}
.user1 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user1.svg) no-repeat center;
}
.user2 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user2.svg) no-repeat center;
}
.user3 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user3.svg) no-repeat center;
}
.user4 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user4.svg) no-repeat center;
}
.user5 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user5.svg) no-repeat center;
}
.user6 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user6.svg) no-repeat center;
}
.user7 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user7.svg) no-repeat center;
}
.user8 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user8.svg) no-repeat center;
}
.user9 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user9.svg) no-repeat center;
}
.user10 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user10.svg) no-repeat center;
}
.user11 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user11.svg) no-repeat center;
}
.user12 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user12.svg) no-repeat center;
}
.user13 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user13.svg) no-repeat center;
}
.user14 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user14.svg) no-repeat center;
}
.user15 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user15.svg) no-repeat center;
}
.user16 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user16.svg) no-repeat center;
}
.user17 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user17.svg) no-repeat center;
}
.user18 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user18.svg) no-repeat center;
}
.user19 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user19.svg) no-repeat center;
}
.user20 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user20.svg) no-repeat center;
}
.user21 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user21.svg) no-repeat center;
}
.user22 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user22.svg) no-repeat center;
}
.user23 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user23.svg) no-repeat center;
}
.user24 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user24.svg) no-repeat center;
}
.user25 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user25.svg) no-repeat center;
}
.user26 {
 width: 80px;height: 80px;
  background: black;
 -webkit-mask: url(user26.svg) no-repeat center;
 mask: url(user26.svg);
}

.icon {
  display: inline-block;
-webkit-mask-size: 100%;
}


.icon-bike {
 -webkit-mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-bike-black.svg) no-repeat center;
}
.icon-bell {
 -webkit-mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-bell-black.svg) no-repeat center;
}
.icon-arrow {
  -webkit-mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-arrow-black.svg) no-repeat center;

}
.licon {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: black;
-webkit-mask-size: 100%;
}
.licon:hover,
.licon:focus {
  background: red;
}

.logo {
	  width: 70px;
  height: 70px;
  background-color: red;
  -webkit-mask: url(lens9.svg) no-repeat center;
  mask: url(lens9.svg) no-repeat center;
}