/* --------------------------------- styles --------------------------------- */

[class^="kicon-"],
[class*=" kicon-"] {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #b4bac6;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  vertical-align: middle;
  transition: 0.3s all ease-in-out;
}

a:hover > [class^="kicon-"],
a:hover > [class*=" kicon-"] {
  background-color: #16c2d5;
}

.kicon-color {
  background-color: var(--p500);
}

.kicon-22 {
  width: 22px;
  height: 22px;
}

.kicon-32 {
  width: 32px;
  height: 32px;
}

.kicon-20 {
  width: 20px;
  height: 20px;
}

.kicon-24 {
  width: 24px;
  height: 24px;
}

.kicon-share-android {
  -webkit-mask-image: url(../icons/share_android.svg);
}
.kicon-bookmark {
  -webkit-mask-image: url(../icons/bookmark.svg);
}
.kicon-add {
  -webkit-mask-image: url(../icons/add.svg);
}

.kicon-search {
  -webkit-mask-image: url(../icons/search.svg);
}

.kicon-reply {
  -webkit-mask-image: url(../icons/reply.svg);
}

.active .kicon-like {
  -webkit-mask-image: url(../icons/likefull.svg);
}

.kicon-profile {
  -webkit-mask-image: url(../icons/profile.svg);
}

.kicon-like {
  -webkit-mask-image: url(../icons/like.svg);
}

.kicon-close {
  -webkit-mask-image: url(../icons/add.svg);
  transform: rotateZ(45deg);
}

.kicon-telegram {
  -webkit-mask-image: url(../icons/telegram.svg);
}

.kicon-instagram {
  -webkit-mask-image: url(../icons/instagram.svg);
}

.kicon-comment {
  -webkit-mask-image: url(../icons/comment.svg);
}

.kicon-tag {
  -webkit-mask-image: url(../icons/tag.svg);
  background-color: #ff3d3a !important;
  margin-left: 8px;
}

.kicon-arrow-left {
  -webkit-mask-image: url(../icons/arrow_left.svg);
}

.kicon-shop {
  -webkit-mask-image: url(../icons/shop.svg);
}

.kicon-truck {
  -webkit-mask-image: url(../icons/free.png);
}

.page .site-breadcrumbs .sep {
  display: inline-block;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  vertical-align: middle;
  -webkit-mask-image: url(../icons/separator.svg);
  background-color: #b4bac6 !important;
  width: 16px;
  height: 16px;
}

.kicon-cart {
  -webkit-mask-image: url(../icons/cart.svg);
  background-color: #0a2439;
}

.kicon-person {
  -webkit-mask-image: url(../icons/person.svg);
  background-color: #0a2439;
  margin-left: 8px;
}

.kicon-star {
  -webkit-mask-image: url(../icons/star.svg);
  background-color: #ffcc00;
  margin-left: 8px;
}

span.trail-begin a {
  display: inline-block;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  vertical-align: middle;
  -webkit-mask-image: url(../icons/home.svg);
  background-color: #b4bac6 !important;
  width: 16px;
  height: 16px;
}

span.m-modal-close {
  position: absolute;
  right: -16px;
  width: 32px;
  top: -16px;
  height: 32px;
  background: #ffffff;
  display: block;
}

.kicon-faq {
  -webkit-mask-image: url(../icons/faq.svg);
  margin-left: 6px;
}

.kicon-book {
  -webkit-mask-image: url(../icons/book.svg);
}

.kicon-search {
  -webkit-mask-image: url(../icons/search.svg);
}

.kicon-modal-close {
  -webkit-mask-image: url(../icons/close.svg);
}

.kicon-bale {
  -webkit-mask-image: url(../icons/bale.svg);
}