@charset "UTF-8";

.icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    font-size: 16px;
    background-color: #000;
}

.icon.menu {
    mask-image: url(menu.svg);
    -webkit-mask-image: url(menu.svg);
}

.icon.close {
    mask-image: url(close.svg);
    -webkit-mask-image: url(close.svg);
}

.icon.vk {
    mask-image: url(vk.svg);
    -webkit-mask-image: url(vk.svg);
}

.icon.facebook {
    mask-image: url(facebook.svg);
    -webkit-mask-image: url(facebook.svg);
}

.icon.instagram {
    mask-image: url(instagram.svg);
    -webkit-mask-image: url(instagram.svg);
}

.icon.quote-start {
    mask-image: url(quote-start.svg);
    -webkit-mask-image: url(quote-start.svg);
}

.icon.quote-end {
    mask-image: url(quote-end.svg);
    -webkit-mask-image: url(quote-end.svg);
}

.icon.plus {
    mask-image: url(plus.svg);
    -webkit-mask-image: url(plus.svg);
}

.icon.arrow-left {
    mask-image: url(arrow-left.svg);
    -webkit-mask-image: url(arrow-left.svg);
}

.icon.arrow-right {
    mask-image: url(arrow-right.svg);
    -webkit-mask-image: url(arrow-right.svg);
}

.icon.arrow-right-two {
    mask-image: url(arrow-right-two.svg);
    -webkit-mask-image: url(arrow-right-two.svg);
}

.icon.flower {
    mask-image: url(flower.svg);
    -webkit-mask-image: url(flower.svg);
}

.icon.pdf {
    mask-image: url(pdf.svg);
    -webkit-mask-image: url(pdf.svg);
}

.icon.download {
    mask-image: url(download.svg);
    -webkit-mask-image: url(download.svg);
}

.icon.telegram {
    mask-image: url(telegram.svg);
    -webkit-mask-image: url(telegram.svg);
}

.icon.check {
    mask-image: url(check.svg);
    -webkit-mask-image: url(check.svg);
}