i[data-icon] { --image: linear-gradient(transparent, transparent); display: inline-block; width: 2rem; height: 2rem; mask: var(--image) center / contain no-repeat; -webkit-mask: var(--image) center / contain no-repeat; background: black; }
i[data-bg] { --image: linear-gradient(transparent, transparent); display: inline-block; width: 2rem; height: 2rem; background: var(--image) center/contain no-repeat; }
i.round { width: 2.5rem; height: 2.5rem; border-radius: 50%; flex-grow: 0; mask: none; -webkit-mask:none; background: var(--color-blue); position: relative; }
i.round::after { content:''; display: inline-block; width: 60%; height: 60%; mask: var(--image) center / contain no-repeat; -webkit-mask: var(--image) center / contain no-repeat; background: white; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; }


i[data-icon="header-whatsapp"] { --image: url(../img/icons/header-whatsapp.png)}
i[data-icon="company-info"] { --image: url(../img/icons/company-info.png)}
i[data-icon="company-bank-info"] { --image: url(../img/icons/company-bank-info.png)}

i[data-icon="arrow-right"] { --image: url(../img/icons/arrow-right.png); }
i[data-icon="arrow-left"] { --image: url(../img/icons/arrow-left.png); }
i[data-icon="arrow-up"] { --image: url(../img/icons/arrow-up.png); }
i[data-icon="arrow-down"] { --image: url(../img/icons/arrow-down.png); }

i[data-icon="arrow-right-round"] { --image: url(../img/icons/arrow-right-round.png); }

i[data-icon="burger"] { --image: url(../img/icons/burger.svg); }
i[data-icon="submit"] { --image: url(../img/icons/submit.png); }
i[data-icon="close"] { --image: url(../img/icons/close.svg); }
i[data-icon="search"] { --image: url(../img/icons/search.png); }

i[data-icon="zoom"] { --image: url(../img/icons/zoom.png); }
i[data-icon="more"] { --image: url(../img/icons/more.png); }
i[data-icon="more-dots"] { --image: url(../img/icons/more-dots.png); }
i[data-icon="phone"] { --image: url(../img/icons/phone.png)}
i[data-icon="map"] { --image: url(../img/icons/map.svg);}
i[data-icon="location"] { --image: url(../img/icons/location.png);}
i[data-icon="random"] { --image: url(../img/icons/random.png);}
i[data-icon="download"] { --image: url(../img/icons/download.png);}
i[data-icon="email"] { --image: url(../img/icons/email.png); }
i[data-icon="call"] { --image: url(../img/icons/call.png); }
i[data-icon="order"] { --image: url(../img/icons/order.png); }
i[data-icon="home"] { --image: url(../img/icons/home.png); }
i[data-icon="call-phone"] { --image: url(../img/icons/call-phone.png); }

i[data-icon="social-vk"] { --image: url(../img/icons/social-vk.png); }
i[data-icon="social-whatsapp"] { --image: url(../img/icons/social-whatsapp.png); }
i[data-icon="social-telegram"] { --image: url(../img/icons/social-telegram.png); }
i[data-icon="social-viber"] { --image: url(../img/icons/social-viber.png); }
i[data-icon="social-youtube"] { --image: url(../img/icons/social-youtube.png); }

i[data-icon="price-teaser-1"] { --image: url(../img/icons/price-teaser-1.png); }
i[data-icon="price-teaser-2"] { --image: url(../img/icons/price-teaser-2.png); }
i[data-icon="price-teaser-3"] { --image: url(../img/icons/price-teaser-3.png); }
i[data-icon="price-teaser-4"] { --image: url(../img/icons/price-teaser-4.png); }
i[data-icon="price-teaser-5"] { --image: url(../img/icons/price-teaser-5.png); }
i[data-icon="price-teaser-6"] { --image: url(../img/icons/price-teaser-6.png); }

i[data-icon="stage-1"] { --image: url(../img/icons/stage1.png); }
i[data-icon="stage-2"] { --image: url(../img/icons/stage2.png); }
i[data-icon="stage-3"] { --image: url(../img/icons/stage3.png); }
i[data-icon="stage-4"] { --image: url(../img/icons/stage4.png); }
i[data-icon="stage-5"] { --image: url(../img/icons/stage5.png); }
i[data-icon="stage-6"] { --image: url(../img/icons/stage6.png); }



i[data-icon="photo"] { --image: url(../img/icons/icon-photo.png); }

i[data-icon="icon-size"] {--image: url(../img/icon/icon-size.png); width: 2.2rem;height: 2.2rem;margin-right: 0.6rem;}
i[data-icon="icon-square"] { --image: url(../img/icon/icon-square.png); width: 1.8rem;height: 1.8rem;margin-right: 1rem;}
i[data-icon="icon-floors"] { --image: url(../img/icon/icon-house.png); }
i[data-icon="icon-foundation"] { --image: url(../img/icon/icon-foudation.png); }
i[data-icon="icon-people"] { --image: url(../img/icon/icon-people.png); }
i[data-icon="icon-roof"] { --image: url(../img/icon/icon-roof.png); }
i[data-icon="icon-rooms"] { --image: url(../img/icon/icon-rooms.png); }
i[data-icon="icon-time"] { --image: url(../img/icon/icon-time.png); }

i[data-icon="payment-method-1"] { --image: url(../img/icons/payment-method-1.png); }
i[data-icon="payment-method-2"] { --image: url(../img/icons/payment-method-2.png); }
i[data-icon="payment-method-3"] { --image: url(../img/icons/payment-method-3.png); }
i[data-icon="payment-method-mother"] { --image: url(../img/icons/payment-method-mother.png); }

i[data-icon="payment-method-1-color"] { --image: url(../img/icons/payment-method-1-color.png); }
i[data-icon="payment-method-2-color"] { --image: url(../img/icons/payment-method-2-color.png); }
i[data-icon="payment-method-3-color"] { --image: url(../img/icons/payment-method-3-color.png); }


i[data-icon="project-full-comp"] { --image: url(../img/icons/project-full-comp.png); }
i[data-icon="project-photos"] { --image: url(../img/icons/project-photos.png); }

i[data-icon="home-event-doors"] { --image: url(../img/icons/icon-home-event-doors.png); }

i[data-icon="proizvodstvo-adv-1"] { --image: url(../img/icons/proizvodstvo-adv-1.png); }
i[data-icon="proizvodstvo-adv-2"] { --image: url(../img/icons/proizvodstvo-adv-2.png); }

i[data-icon="filter-type-db"] { --image: url(../img/icons/filter-type-db.png); }
i[data-icon="filter-type-dk"] { --image: url(../img/icons/filter-type-dk.png); }
i[data-icon="filter-type-bb"] { --image: url(../img/icons/filter-type-bb.png); }
i[data-icon="filters-promo-all"] { --image: url(../img/icons/filters-promo-all.png); }
i[data-icon="filters-promo-pestovo"] { --image: url(../img/icons/filters-promo-pestovo.png); }

i[data-bg="proizvodstvo-1"] { --image: url(../img/icons/proizvodstvo-1.png); }
i[data-bg="proizvodstvo-2"] { --image: url(../img/icons/proizvodstvo-2.png); }
i[data-bg="proizvodstvo-3"] { --image: url(../img/icons/proizvodstvo-3.png); }

i[data-bg="proizvodstvo-teaser-1"] { --image: url(../img/icons/proizvodstvo-teaser-1.png); }
i[data-bg="proizvodstvo-teaser-2"] { --image: url(../img/icons/proizvodstvo-teaser-2.png); }
i[data-bg="proizvodstvo-teaser-3"] { --image: url(../img/icons/proizvodstvo-teaser-3.png); }
i[data-bg="proizvodstvo-teaser-4"] { --image: url(../img/icons/proizvodstvo-teaser-4.png); }
i[data-bg="proizvodstvo-teaser-5"] { --image: url(../img/icons/proizvodstvo-teaser-5.png); }
i[data-bg="proizvodstvo-teaser-6"] { --image: url(../img/icons/proizvodstvo-teaser-6.png); }

i[data-icon="product-complectations"] { --image: url(../img/icons/product-complectations.png); }
i[data-icon="product-special"] { --image: url(../img/icons/product-special.png); }
i[data-icon="product-photo"] { --image: url(../img/icons/product-photo.png); }
i[data-icon="product-variables"] { --image: url(../img/icons/product-variables.png); }
i[data-icon="product-delivery"] { --image: url(../img/icons/product-delivery.png); }

i[data-icon="product-card-size"] { --image: url(../img/icons/product-card-size.png); }
i[data-icon="product-card-area"] { --image: url(../img/icons/product-card-area.png); }

i[data-icon="product-full-comp"] { --image: url(../img/icons/product-full-comp.png); }
i[data-icon="product-see-photos"] { --image: url(../img/icons/product-see-photos.png); }

i[data-icon="product-area"] { --image: url(../img/icons/product-area.png); }
i[data-icon="product-productSize"] { --image: url(../img/icons/product-size.png); }
i[data-icon="product-productConstruction"] { --image: url(../img/icons/product-productConstruction.png); }
i[data-icon="product-productFloors"] { --image: url(../img/icons/product-productFloors.png); }
i[data-icon="product-productPurpose"] { --image: url(../img/icons/product-productPurpose.png); }
i[data-icon="product-productRooms"] { --image: url(../img/icons/product-productRooms.png); }
i[data-icon="product-size"] { --image: url(../img/icons/product-size.png); }
i[data-icon="product-time"] { --image: url(../img/icons/product-time.png); }

i[data-icon="kd1"] { --image: url(../img/icon/content/karkas/teh1.png); top:1rem;right:1rem}
i[data-icon="kd2"] { --image: url(../img/icon/content/karkas/teh2.png); top:1rem;left:1rem}
i[data-icon="kd3"] { --image: url(../img/icon/content/karkas/teh3.png); top:1rem;right:1rem}
i[data-icon="kd4"] { --image: url(../img/icon/content/karkas/teh4.png); top:1rem;right:1rem}
i[data-icon="kd5"] { --image: url(../img/icon/content/karkas/teh8.png); top:1rem;left:1rem}
i[data-icon="kd6"] { --image: url(../img/icon/content/karkas/teh7.png); }
i[data-icon="kd7"] { --image: url(../img/icon/content/karkas/teh6.png); right:1rem}
i[data-icon="kd8"] { --image: url(../img/icon/content/karkas/teh5.png); }
i[data-icon="why-1"] { --image: url(../img/icons/why-1.png); }
i[data-icon="why-2"] { --image: url(../img/icons/why-2.png); }
i[data-icon="why-3"] { --image: url(../img/icons/why-3.png); }
i[data-icon="why-4"] { --image: url(../img/icons/why-4.png); }
i[data-icon="why-5"] { --image: url(../img/icons/why-5.png); }