.icon--success {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/success.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--error {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/error.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--plus {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/plus.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--star {
    width: 10px;
    height: 10px;
    display: block;
    background: url('/assets/icons/star.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--pin-1 {
    width: 13px;
    height: 16px;
    display: block;
    background: url('/assets/icons/map/pin.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--reset {
    width: 12px;
    height: 12px;
    display: block;
    background: url('/assets/icons/reset.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--menu {
    width: 16px;
    height: 11px;
    display: block;
    background: url('/assets/icons/menu.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--menu-1 {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/menu-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon--close {
    width: 14px;
    height: 14px;
    display: block;
    background: url('/assets/icons/close.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon--filter {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/filter.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--blocks {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/blocks.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--pin {
    width: 12px;
    height: 16px;
    display: block;
    background: url('/assets/icons/pin.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -2px;
    position: relative;
    top: -1px;
}

.icon--restaurant {
    width: 13px;
    height: 16px;
    display: block;
    background: url('/assets/icons/restaurant.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--school {
    width: 16px;
    height: 13px;
    display: block;
    background: url('/assets/icons/school.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--school-1 {
    width: 16px;
    height: 13px;
    display: block;
    background: url('/assets/icons/school-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--shop {
    width: 16px;
    height: 12px;
    display: block;
    background: url('/assets/icons/shop.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--shop-1 {
    width: 16px;
    height: 12px;
    display: block;
    background: url('/assets/icons/shop-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--apteka {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/health.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--pharmacy {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/pharmacy.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--kinder {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/kinder.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--kinder-1 {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/kinder-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}


.icon--flag {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/flag.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--flag-1 {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/flag-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--hospital {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/hospital.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--hospital-1 {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/hospital-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--map {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/map.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--whatsapp {
    width: 12px;
    height: 12px;
    display: block;
    background: url('/assets/icons/whatsapp.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--beach {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/char.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--beach-1 {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/beach-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--home {
    width: 16px;
    height: 18px;
    display: block;
    background: url('/assets/icons/home.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--360 {
    width: 88px;
    height: 88px;
    display: block;
    background: url('/assets/icons/360.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--video {
    width: 88px;
    height: 88px;
    display: block;
    background: url('/assets/icons/video.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--arrow-top-1 {
    width: 8px;
    height: 8px;
    display: block;
    background: url('/assets/icons/arrow-top-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0.5);
}

.icon--arrow-left {
    width: 16px;
    height: 15px;
    display: block;
    background: url('/assets/icons/arrow-left.svg');
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0.5);
}

.icon--phone {
    width: 13px;
    height: 13px;
    display: block;
    background: url('/assets/icons/phone.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--telegram {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/telegram.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--size {
    width: 9px;
    height: 9px;
    display: block;
    background: url('/assets/icons/size.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--floors {
    width: 9px;
    height: 9px;
    display: block;
    background: url('/assets/icons/floors.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--sleep {
    width: 9px;
    height: 9px;
    display: block;
    background: url('/assets/icons/sleep.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--time {
    width: 9px;
    height: 9px;
    display: block;
    background: url('/assets/icons/time.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--gp {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/gp.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--mail {
    width: 17px;
    height: 17px;
    display: block;
    background: url('/assets/icons/mail.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

/* New */
.icon--flag-contacts {
    width: 36px;
    height: 32px;
    display: block;
    background: url('/assets/icons/flag-contacts.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--home-contacts {
    width: 36px;
    height: 32px;
    display: block;
    background: url('/assets/icons/home-contacts.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--square-contacts {
    width: 32px;
    height: 32px;
    display: block;
    background: url('/assets/icons/square-contacts.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--rocket-contacts {
    width: 32px;
    height: 32px;
    display: block;
    background: url('/assets/icons/rocket-contacts.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--double-arrow {
    width: 12px;
    height: 12px;
    display: block;
    background: url('/assets/icons/double-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--burger {
    width: 12px;
    height: 12px;
    display: block;
    background: url('/assets/icons/burger.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--moon {
    width: 12px;
    height: 12px;
    display: block;
    background: url('/assets/icons/moon.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--plan {
    width: 16px;
    height: 16px;
    display: block;
    background: url('/assets/icons/plan.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--angle-right {
    width: 24px;
    height: 24px;
    display: block;
    background: url('/assets/icons/angle-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.icon--angle-left {
    width: 24px;
    height: 24px;
    display: block;
    background: url('/assets/icons/angle-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--feedback-3 {
    width: 16px;
    height: 12px;
    display: block;
    background: url('/assets/icons/feedback-3.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.icon--play {
    width: 88px;
    height: 88px;
    display: block;
    background: url('/assets/icons/play.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon--arrow-blue {
    width: 9px;
    height: 11px;
    display: block;
    background: url('/assets/icons/arrow-blue.svg') no-repeat center;
    background-size: contain;
}