.icon {
  display: inline-flex;
  background: no-repeat center;
}
.icon::after {
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  background: no-repeat center;
}
.icon-16px::after {
  width: 16px;
  height: 16px;
}
.icon-32px::after {
  width: 32px;
  height: 32px;
}

.i16px {
    height: 16px;
    width: 16px;
    display: inline-block;
}
.i16-booking {
    background-image: url(../icons/svg/16px/otpusk2024/16-booking.svg) !important;
}
.i16-exit {
    background-image: url(../icons/svg/16px/otpusk2024/16-exit.svg) !important;
}
.i16-favourite {
    background-image: url(../icons/svg/16px/otpusk2024/16-favourite.svg) !important;
}
.i16-empty-heart {
    background-image: url(../icons/svg/16px/otpusk2024/16-empty-heart.svg) !important;
}
.i16-logo {
    background-image: url(../icons/svg/16px/otpusk2024/16-logo.svg) !important;
}
.i16-setting {
    background-image: url(../icons/svg/16px/otpusk2024/16-setting.svg) !important;
}
.i16-support {
    background-image: url(../icons/svg/16px/otpusk2024/16-support.svg) !important;
}
.i16-ticket {
    background-image: url(../icons/svg/16px/otpusk2024/16-ticket.svg) !important;
}
.i16-user {
    background-image: url(../icons/svg/16px/otpusk2024/16-user.svg) !important;
}
.i16-ads {
    background-image: url("../icons/svg/16px/otpusk2024/16-ads.svg");
}
.i16-notification {
    background-image: url("../icons/svg/16px/otpusk2024/16-notification.svg");
}
.icon-unpayed {
    background: url("../icons/svg/16px/otpusk2024/unpayed.svg") no-repeat center;
}
.icon-copy {
    background-image: url("../icons/svg/16px/otpusk2024/copy.svg");
}
.icon-share {
    background-image: url("../icons/svg/16px/otpusk2024/share.svg");
}
.icon-star {
    background-image: url("../icons/svg/16px/otpusk2024/star.svg");
}
.icon-calendar {
    background-image: url("../icons/svg/16px/otpusk2024/calendar.svg");
}
.icon-bed {
    background-image: url("../icons/svg/16px/otpusk2024/bed.svg");
}
.icon-food {
    background-image: url("../icons/svg/16px/otpusk2024/food.svg");
}
.icon-plane-to {
    background-image: url("../icons/svg/16px/otpusk2024/plane-to.svg");
    width: 18px;
    height: 16px;
}
.icon-plane-from {
    background-image: url("../icons/svg/16px/otpusk2024/plane-from.svg");
    width: 17px;
    height: 17px;
}
.icon-plane-begin {
    background-image: url("../icons/svg/16px/otpusk2024/plane-begin.svg");
    width: 13px;
    height: 13px;
}
.icon-plane-return {
    background-image: url("../icons/svg/16px/otpusk2024/plane-return.svg");
    width: 13px;
    height: 12px;
}
.icon-shield {
    background: url("../icons/svg/16px/otpusk2024/shield.svg") no-repeat;
}
.icon-bus {
    background-image: url("../icons/svg/16px/otpusk2024/bus.svg");
}
.icon-ticket {
    background-image: url("../icons/svg/16px/otpusk2024/icn_ticket-2.svg");
}
.icon-buildind {
    background-image: url("../icons/svg/16px/otpusk2024/icn_building.svg");
}
.icon-document {
    background-image: url("../icons/svg/16px/otpusk2024/icn_doc.svg");
}
.icon-check {
    background-image: url("../icons/svg/16px/otpusk2024/icn_check-2.svg");
}
.icon-download {
    background-image: url("../icons/svg/16px/otpusk2024/icn_download.svg");
}
.icon-download-white {
    background-image: url("../icons/svg/16px/otpusk2024/icn_download_white.svg");
}
.icon-email {
    background-image: url("../icons/svg/16px/otpusk2024/icn_email.svg");
}
.icon-telegram {
    background-image: url("../icons/svg/16px/otpusk2024/icn_telegram.svg");
}
.icon-viber {
    background: url("../icons/svg/16px/otpusk2024/icn_viber.svg") no-repeat center;
}
.icon-phone {
    background-image: url("../icons/svg/16px/otpusk2024/phone.svg");
}
.icon-check-colored {
    background-image: url("../icons/svg/16px/otpusk2024/icn_check-color.svg");
}
.icon-cancelled {
    background-image: url("../icons/svg/16px/otpusk2024/icn_canceled.svg");
    width: 17px;
    height: 17px;
}
.icon-up-arrow {
    background-image: url("../icons/svg/16px/otpusk2024/icn_up.svg");
}
.icon-cancel {
    background-image: url("../icons/svg/16px/otpusk2024/icn_cancel.svg");
}
.icon-info {
    background-image: url("../icons/svg/16px/otpusk2024/icn_info.svg");
}
.icon-user {
    background-image: url("../icons/svg/16px/otpusk2024/User Icon.svg");
}
.no-favourites {
    background-image: url("../icons/svg/16px/otpusk2024/no-favourites.svg");
    display: block;
    width: 231px;
    height: 240px;
}

.icon-contact-2 {
    background-image: url("../icons/svg/16px/otpusk2024/contact.svg");
}
.icon-personal-2 {
    background-image: url("../icons/svg/16px/otpusk2024/personal.svg");
}
.icon-right {
    background-image: url("../icons/svg/16px/otpusk2024/icn_right.svg");
}
.icon-info-inactive {
    background-image: url("../icons/svg/16px/otpusk2024/icn_info-inactive.svg");
}
.icon-logo {
    background-image: url("../icons/svg/16px/otpusk2024/16-logo.svg");
}
.icon-logo-mob {
    background-image: url("../icons/svg/16px/otpusk2024/otpusk_logo_small.svg");
}



.pin-1-active {
    background-image: url("../icons/svg/16px/otpusk2024/pin-1-active.svg");
}
.pin-1-inactive {
    background-image: url("../icons/svg/16px/otpusk2024/pin-1-inactive.svg");
}
.pin-2-inactive {
    background-image: url("../icons/svg/16px/otpusk2024/pin-2-inactive.svg");
}
.pin-2-active {
    background-image: url("../icons/svg/16px/otpusk2024/pin-2-active.svg");
}
.pin-2-active-2 {
    background-image: url("../icons/svg/16px/otpusk2024/pin-2-active-2.svg");
}
.pin-3-inactive {
    background-image: url("../icons/svg/16px/otpusk2024/pin-3-inactive.svg");
}
.pin-3-active {
    background-image: url("../icons/svg/16px/otpusk2024/pin-3-active.svg");
}
.pin-3-active-2 {
    background-image: url("../icons/svg/16px/otpusk2024/pin-3-active-2.svg");
}


.icon-darr {
  background-image: url(../icons/svg/other/darr.svg) !important;
  width: 10px;
  height: 6px;
}
.icon-darr-blue {
  background-image: url(../icons/svg/other/darr-blue.svg) !important;
  width: 10px;
  height: 6px;
}
.icon-rarr-blue {
  background-image: url(../icons/svg/other/rarr-blue.svg) !important;
  width: 15px;
  height: 11px;
}
.icon-rarr-yellow {
  background-image: url(../icons/svg/other/rarr-yellow.svg) !important;
  width: 15px;
  height: 11px;
}
.icon-star {
  background-image: url(../icons/svg/other/star.svg) !important;
  width: 16px;
  height: 15px;
}
.icon-fire {
  background-image: url(../icons/svg/other/fire.svg) !important;
  width: 26px;
  height: 32px;
  vertical-align: middle;
  margin-bottom: 6px;
  margin-right: 16px;
}
.icon-popular::after {
  width: 24px;
  height: 23px;
  background-image: url(../icons/svg/other/popular.svg) !important;
}
.icon-clock::after {
  width: 15px;
  height: 16px;
  background-image: url(../icons/svg/other/clock.svg) !important;
}
.icon-close {
  width: 17px;
  height: 17px;
  background-image: url(../icons/svg/other/close.svg) !important;
}
.icon-coffee::after {
  width: 15px;
  height: 16px;
  background-image: url(../icons/svg/other/coffee.svg) !important;
}

/*16px*/
.i16-other-5 {
  background-image: url(../icons/svg/16px/others/16-other-5.svg) !important;
}
.i16-other-6 {
  background-image: url(../icons/svg/16px/others/16-other-6.svg) !important;
  height: 12px;
}
.i16-other-9 {
  background-image: url(../icons/svg/16px/others/16-other-9.svg) !important;
}
.i16-other-11 {
  background-image: url(../icons/svg/16px/others/16-other-11.svg) !important;
}

.i16-location-2 {
  background-image: url(../icons/svg/16px/location/16-location-2.svg) !important;
}
.i16-location-4 {
  background-image: url(../icons/svg/16px/location/16-location-4.svg) !important;
  width: 12px;
}
.i16-location-10 {
  background-image: url(../icons/svg/16px/location/16-location-10.svg) !important;
}

.i16-control-1 {
  background-image: url(../icons/svg/16px/controls/16-control-1.svg) !important;
  height: 11px;
  width: 14px;
}
.i16-control-5 {
  background-image: url(../icons/svg/16px/controls/16-control-5.svg) !important;
}
.i16-control-28 {
  background-image: url(../icons/svg/16px/controls/16-control-28.svg) !important;
}

.i16-contact-2 {
  background-image: url(../icons/svg/16px/contacts/16-contact-2.svg) !important;
  height: 14px;
  width: 18px;
}
.i16-contact-5 {
  background-image: url(../icons/svg/16px/contacts/16-contact-5.svg) !important;
  height: 16px;
  width: 12px;
}
.i16-charact-1 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-1.svg) !important;
}
.i16-charact-2 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-2.svg) !important;
}
.i16-charact-3 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-3.svg) !important;
}
.i16-charact-4 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-4.svg) !important;
}
.i16-charact-5 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-5.svg) !important;
}
.i16-charact-6 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-6.svg) !important;
}
.i16-charact-7 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-7.svg) !important;
}
.i16-charact-8 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-8.svg) !important;
}
.i16-charact-9 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-9.svg) !important;
}
.i16-charact-10 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-10.svg) !important;
}
.icon.aquapark,
.i16-charact-11 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-11.svg) !important;
  height: 17px;
}
.i16-charact-12 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-12.svg) !important;
}
.i16-charact-13 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-13.svg) !important;
}
.icon.wifi,
.i16-charact-14 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-14.svg) !important;
  width: 15px;
}
.i16-charact-15 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-15.svg) !important;
}
.i16-charact-16 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-16.svg) !important;
}
.icon.cay,
.i16-charact-17 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-17.svg) !important;
}
.icon.non_alcoholic,
.i16-charact-18 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-18.svg) !important;
}
.icon.ski_slopes,
.i16-charact-19 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-19.svg) !important;
}
.icon.one_line_beach,
.i16-charact-20 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-20.svg) !important;
  height: 15px;
}
.icon.two_line_beach,
.i16-charact-21 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-21.svg) !important;
  height: 10px;
}
.icon.sandy,
.i16-charact-22 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-22.svg) !important;
}
.icon.pebble,
.i16-charact-23 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-23.svg) !important;
}
.icon.sandy_pebble,
.i16-charact-24 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-24.svg) !important;
  width: 17px;
}
.icon.next_beach_line,
.i16-charact-25 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-25.svg) !important;
  height: 5px;
}
.icon.large_area,
.i16-charact-26 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-26.svg) !important;
}
.i16-charact-27 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-27.svg) !important;
  width: 16px;
  height: 22px;
}
.icon.bay,
.i16-charact-28 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-28.svg) !important;
  height: 17px;
}
.i16-charact-29 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-29.svg) !important;
}
.i16-charact-30 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-30.svg) !important;
}
.i16-charact-31 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-31.svg) !important;
  width: 10px;
  height: 16px;
}
.i16-charact-32 {
  background-image: url(../icons/svg/16px/characteristics/16-charact-32.svg) !important;
}

.i16-transport-2 {
  background-image: url(../icons/svg/16px/transport/16-transport-2.svg) !important;
}
.i16-transport-3 {
  background-image: url(../icons/svg/16px/transport/16-transport-3.svg) !important;
  min-height: 18px;
  min-width: 18px;
}

.i16-social-1 {
  background-image: url(../icons/svg/16px/social/16-social-1.svg) !important;
}
.i16-social-3 {
  background-image: url(../icons/svg/16px/social/16-social-3.svg) !important;
}
.i16-social-5 {
  background-image: url(../icons/svg/16px/social/16-social-5-1.svg) !important;
}

.icon.spa,
.i16-categories-1 {
  background-image: url(../icons/svg/16px/categories/16-categories-1.svg) !important;
}
.i16-categories-5 {
  background-image: url(../icons/svg/16px/categories/16-categories-5.svg) !important;
}
.i16-categories-6 {
  background-image: url(../icons/svg/16px/categories/16-categories-6.svg) !important;
}
.i16-categories-12 {
  background-image: url(../icons/svg/16px/categories/16-categories-12.svg) !important;
}
.icon.adults,
.i16-categories-13 {
  background-image: url(../icons/svg/16px/categories/16-categories-13.svg) !important;
}
.icon.lang,
.i16-categories-16 {
  background-image: url(../icons/svg/16px/categories/16-categories-16.svg) !important;
  height: 15px;
  width: 16px;
}

/*32px*/
.i32-categories-25 {
  background-image: url(../icons/svg/32px/categories/32-categories-25.svg) !important;
  width: 34px;
}
.i32-categories-25::after {
  width: 34px;
  height: 34px;
}
.i32-categories-29 {
  background-image: url(../icons/svg/32px/categories/32-categories-29.svg) !important;
  width: 32px;
}

.i32-entertain-1 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-1.svg) !important;
}
.i32-entertain-2 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-2.svg) !important;
}
.i32-entertain-3 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-3.svg) !important;
}
.i32-entertain-4 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-4.svg) !important;
}
.i32-entertain-5 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-5.svg) !important;
  width: 26px;
}
.i32-entertain-6 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-6.svg) !important;
  width: 33px;
  height: 31px;
}
.i32-entertain-7 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-7.svg) !important;
  height: 22px;
}
.i32-entertain-8 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-8.svg) !important;
}
.i32-entertain-9 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-9.svg) !important;
}
.i32-entertain-10 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-10.svg) !important;
  width: 27px;
  height: 33px;
}
.i32-entertain-11 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-11.svg) !important;
  width: 33px;
}
.i32-entertain-12 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-12.svg) !important;
}
.i32-entertain-13 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-13.svg) !important;
  height: 30px;
}
.i32-entertain-14 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-14.svg) !important;
}
.i32-entertain-15 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-15.svg) !important;
  height: 33px;
}
.i32-entertain-16 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-16.svg) !important;
  width: 26px;
}
.i32-entertain-17 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-17.svg) !important;
  height: 33px;
}
.i32-entertain-18 {
  background-image: url(../icons/svg/32px/entertain/32-entertain-18.svg) !important;
}
/*mobile*/
@media (max-width: 767px) {
  .icon-fire {
    background-image: url(../icons/svg/other/fire-20.svg) !important;
    width: 20px;
    height: 24px;
    vertical-align: middle;
    /*margin-bottom: 6px;*/
    margin-right: 8px;
  }
}