.icon--360_degrees { mask: url(../icons/360_degrees.svg); -webkit-mask: url(../icons/360_degrees.svg) } .icon--account { mask: url(../icons/account.svg); -webkit-mask: url(../icons/account.svg) } .icon--add_to_cart { mask: url(../icons/add_to_cart.svg); -webkit-mask: url(../icons/add_to_cart.svg) } .icon--add_to_compare { mask: url(../icons/add_to_compare.svg); -webkit-mask: url(../icons/add_to_compare.svg) } .icon--agd { mask: url(../icons/agd.svg); -webkit-mask: url(../icons/agd.svg) } .icon--agd_built { mask: url(../icons/agd_built.svg); -webkit-mask: url(../icons/agd_built.svg) } .icon--approved { mask: url(../icons/approved.svg); -webkit-mask: url(../icons/approved.svg) } .icon--arrow_down { mask: url(../icons/arrow_down.svg); -webkit-mask: url(../icons/arrow_down.svg) } .icon--arrow_left { mask: url(../icons/arrow_left.svg); -webkit-mask: url(../icons/arrow_left.svg) } .icon--arrow_right { mask: url(../icons/arrow_right.svg); -webkit-mask: url(../icons/arrow_right.svg) } .icon--arrow_small_down { mask: url(../icons/arrow_small_down.svg); -webkit-mask: url(../icons/arrow_small_down.svg) } .icon--arrow_small_left { mask: url(../icons/arrow_small_left.svg); -webkit-mask: url(../icons/arrow_small_left.svg) } .icon--arrow_small_right { mask: url(../icons/arrow_small_right.svg); -webkit-mask: url(../icons/arrow_small_right.svg) } .icon--arrow_small_top { mask: url(../icons/arrow_small_top.svg); -webkit-mask: url(../icons/arrow_small_top.svg) } .icon--arrow_top { mask: url(../icons/arrow_top.svg); -webkit-mask: url(../icons/arrow_top.svg) } .icon--attention { mask: url(../icons/attention.svg); -webkit-mask: url(../icons/attention.svg) } .icon--balance { mask: url(../icons/balance.svg); -webkit-mask: url(../icons/balance.svg) } .icon--bestseller { mask: url(../icons/bestseller.svg); -webkit-mask: url(../icons/bestseller.svg) } .icon--black_friday { mask: url(../icons/black_friday.svg); -webkit-mask: url(../icons/black_friday.svg) } .icon--bus_info { mask: url(../icons/bus_info.svg); -webkit-mask: url(../icons/bus_info.svg) } .icon--card_clock { mask: url(../icons/card_clock.svg); -webkit-mask: url(../icons/card_clock.svg) } .icon--cart { mask: url(../icons/cart.svg); -webkit-mask: url(../icons/cart.svg) } .icon--clock { mask: url(../icons/clock.svg); -webkit-mask: url(../icons/clock.svg) } .icon--close { mask: url(../icons/close.svg); -webkit-mask: url(../icons/close.svg) } .icon--close_2 { mask: url(../icons/close_2.svg); -webkit-mask: url(../icons/close_2.svg) } .icon--copy { mask: url(../icons/copy.svg); -webkit-mask: url(../icons/copy.svg) } .icon--credit_card { mask: url(../icons/credit_card.svg); -webkit-mask: url(../icons/credit_card.svg) } .icon--delivery { mask: url(../icons/delivery.svg); -webkit-mask: url(../icons/delivery.svg) } .icon--discount-flag { mask: url(../icons/discount-flag.svg); -webkit-mask: url(../icons/discount-flag.svg) } .icon--discount { mask: url(../icons/discount.svg); -webkit-mask: url(../icons/discount.svg) } .icon--discount2 { mask: url(../icons/discount2.svg); -webkit-mask: url(../icons/discount2.svg) } .icon--dislike { mask: url(../icons/dislike.svg); -webkit-mask: url(../icons/dislike.svg) } .icon--download { mask: url(../icons/download.svg); -webkit-mask: url(../icons/download.svg) } .icon--download2 { mask: url(../icons/download2.svg); -webkit-mask: url(../icons/download2.svg) } .icon--facebook { mask: url(../icons/facebook.svg); -webkit-mask: url(../icons/facebook.svg) } .icon--favorite { mask: url(../icons/favorite.svg); -webkit-mask: url(../icons/favorite.svg) } .icon--home { mask: url(../icons/home.svg); -webkit-mask: url(../icons/home.svg) } .icon--id-badge { mask: url(../icons/id-badge.svg); -webkit-mask: url(../icons/id-badge.svg) } .icon--info { mask: url(../icons/info.svg); -webkit-mask: url(../icons/info.svg) } .icon--instagram { mask: url(../icons/instagram.svg); -webkit-mask: url(../icons/instagram.svg) } .icon--interjection { mask: url(../icons/interjection.svg); -webkit-mask: url(../icons/interjection.svg) } .icon--invoice { mask: url(../icons/invoice.svg); -webkit-mask: url(../icons/invoice.svg) } .icon--like { mask: url(../icons/like.svg); -webkit-mask: url(../icons/like.svg) } .icon--logout { mask: url(../icons/logout.svg); -webkit-mask: url(../icons/logout.svg) } .icon--mail { mask: url(../icons/mail.svg); -webkit-mask: url(../icons/mail.svg) } .icon--map { mask: url(../icons/map.svg); -webkit-mask: url(../icons/map.svg) } .icon--menu-arrow-right { mask: url(../icons/menu-arrow-right.svg); -webkit-mask: url(../icons/menu-arrow-right.svg) } .icon--menu-back { mask: url(../icons/menu-back.svg); -webkit-mask: url(../icons/menu-back.svg) } .icon--menu-burger { mask: url(../icons/menu-burger.svg); -webkit-mask: url(../icons/menu-burger.svg) } .icon--menu-close { mask: url(../icons/menu-close.svg); -webkit-mask: url(../icons/menu-close.svg) } .icon--minus { mask: url(../icons/minus.svg); -webkit-mask: url(../icons/minus.svg) } .icon--mobile { mask: url(../icons/mobile.svg); -webkit-mask: url(../icons/mobile.svg) } .icon--multimedia { mask: url(../icons/multimedia.svg); -webkit-mask: url(../icons/multimedia.svg) } .icon--newsletter { mask: url(../icons/newsletter.svg); -webkit-mask: url(../icons/newsletter.svg) } .icon--opinions { mask: url(../icons/opinions.svg); -webkit-mask: url(../icons/opinions.svg) } .icon--orders { mask: url(../icons/orders.svg); -webkit-mask: url(../icons/orders.svg) } .icon--padlocks { mask: url(../icons/padlocks.svg); -webkit-mask: url(../icons/padlocks.svg) } .icon--phone { mask: url(../icons/phone.svg); -webkit-mask: url(../icons/phone.svg) } .icon--play { mask: url(../icons/play.svg); -webkit-mask: url(../icons/play.svg) } .icon--plus { mask: url(../icons/plus.svg); -webkit-mask: url(../icons/plus.svg) } .icon--recreation { mask: url(../icons/recreation.svg); -webkit-mask: url(../icons/recreation.svg) } .icon--rtv { mask: url(../icons/rtv.svg); -webkit-mask: url(../icons/rtv.svg) } .icon--search { mask: url(../icons/search.svg); -webkit-mask: url(../icons/search.svg) } .icon--settings { mask: url(../icons/settings.svg); -webkit-mask: url(../icons/settings.svg) } .icon--share-line { mask: url(../icons/share-line.svg); -webkit-mask: url(../icons/share-line.svg) } .icon--slider_mobile { mask: url(../icons/slider_mobile.svg); -webkit-mask: url(../icons/slider_mobile.svg) } .icon--small_agd { mask: url(../icons/small_agd.svg); -webkit-mask: url(../icons/small_agd.svg) } .icon--star_contour { mask: url(../icons/star_contour.svg); -webkit-mask: url(../icons/star_contour.svg) } .icon--star_fill { mask: url(../icons/star_fill.svg); -webkit-mask: url(../icons/star_fill.svg) } .icon--success { mask: url(../icons/success.svg); -webkit-mask: url(../icons/success.svg) } .icon--trash { mask: url(../icons/trash.svg); -webkit-mask: url(../icons/trash.svg) } .icon--warranty { mask: url(../icons/warranty.svg); -webkit-mask: url(../icons/warranty.svg) } .icon--wish { mask: url(../icons/wish.svg); -webkit-mask: url(../icons/wish.svg) } .icon--youtube { mask: url(../icons/youtube.svg); -webkit-mask: url(../icons/youtube.svg) } [class^=icon--],[class*=" icon--"]{width:24px;height:24px;display:block;-webkit-mask-size:cover;mask-size:cover;background-color:#000;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;}