.icon--alert-alt { mask: url(../icons/alert-alt.svg); -webkit-mask: url(../icons/alert-alt.svg) } .icon--angle-down { mask: url(../icons/angle-down.svg); -webkit-mask: url(../icons/angle-down.svg) } .icon--angle-left { mask: url(../icons/angle-left.svg); -webkit-mask: url(../icons/angle-left.svg) } .icon--angle-right { mask: url(../icons/angle-right.svg); -webkit-mask: url(../icons/angle-right.svg) } .icon--angle-up { mask: url(../icons/angle-up.svg); -webkit-mask: url(../icons/angle-up.svg) } .icon--arrow-circle-right { mask: url(../icons/arrow-circle-right.svg); -webkit-mask: url(../icons/arrow-circle-right.svg) } .icon--arrow-right { mask: url(../icons/arrow-right.svg); -webkit-mask: url(../icons/arrow-right.svg) } .icon--bell { mask: url(../icons/bell.svg); -webkit-mask: url(../icons/bell.svg) } .icon--bent_arrow { mask: url(../icons/bent_arrow.svg); -webkit-mask: url(../icons/bent_arrow.svg) } .icon--book { mask: url(../icons/book.svg); -webkit-mask: url(../icons/book.svg) } .icon--check { mask: url(../icons/check.svg); -webkit-mask: url(../icons/check.svg) } .icon--checkmark-outline { mask: url(../icons/checkmark-outline.svg); -webkit-mask: url(../icons/checkmark-outline.svg) } .icon--close { mask: url(../icons/close.svg); -webkit-mask: url(../icons/close.svg) } .icon--comment-alt { mask: url(../icons/comment-alt.svg); -webkit-mask: url(../icons/comment-alt.svg) } .icon--complaint { mask: url(../icons/complaint.svg); -webkit-mask: url(../icons/complaint.svg) } .icon--control-shuffle { mask: url(../icons/control-shuffle.svg); -webkit-mask: url(../icons/control-shuffle.svg) } .icon--control-unshuffle { mask: url(../icons/control-unshuffle.svg); -webkit-mask: url(../icons/control-unshuffle.svg) } .icon--delivery-calendar { mask: url(../icons/delivery-calendar.svg); -webkit-mask: url(../icons/delivery-calendar.svg) } .icon--email { mask: url(../icons/email.svg); -webkit-mask: url(../icons/email.svg) } .icon--file-list-line { mask: url(../icons/file-list-line.svg); -webkit-mask: url(../icons/file-list-line.svg) } .icon--file { mask: url(../icons/file.svg); -webkit-mask: url(../icons/file.svg) } .icon--google { mask: url(../icons/google.svg); -webkit-mask: url(../icons/google.svg) } .icon--help-alt { mask: url(../icons/help-alt.svg); -webkit-mask: url(../icons/help-alt.svg) } .icon--id-badge { mask: url(../icons/id-badge.svg); -webkit-mask: url(../icons/id-badge.svg) } .icon--info-alt { mask: url(../icons/info-alt.svg); -webkit-mask: url(../icons/info-alt.svg) } .icon--layout-grid2-alt { mask: url(../icons/layout-grid2-alt.svg); -webkit-mask: url(../icons/layout-grid2-alt.svg) } .icon--layout-grid4-alt { mask: url(../icons/layout-grid4-alt.svg); -webkit-mask: url(../icons/layout-grid4-alt.svg) } .icon--linkedin { mask: url(../icons/linkedin.svg); -webkit-mask: url(../icons/linkedin.svg) } .icon--links-line { mask: url(../icons/links-line.svg); -webkit-mask: url(../icons/links-line.svg) } .icon--lock { mask: url(../icons/lock.svg); -webkit-mask: url(../icons/lock.svg) } .icon--login-box-line { mask: url(../icons/login-box-line.svg); -webkit-mask: url(../icons/login-box-line.svg) } .icon--logout-box-line { mask: url(../icons/logout-box-line.svg); -webkit-mask: url(../icons/logout-box-line.svg) } .icon--menu-alt { mask: url(../icons/menu-alt.svg); -webkit-mask: url(../icons/menu-alt.svg) } .icon--menu { mask: url(../icons/menu.svg); -webkit-mask: url(../icons/menu.svg) } .icon--minus { mask: url(../icons/minus.svg); -webkit-mask: url(../icons/minus.svg) } .icon--pencil { mask: url(../icons/pencil.svg); -webkit-mask: url(../icons/pencil.svg) } .icon--plus-bold { mask: url(../icons/plus-bold.svg); -webkit-mask: url(../icons/plus-bold.svg) } .icon--plus { mask: url(../icons/plus.svg); -webkit-mask: url(../icons/plus.svg) } .icon--promotion { mask: url(../icons/promotion.svg); -webkit-mask: url(../icons/promotion.svg) } .icon--puff { mask: url(../icons/puff.svg); -webkit-mask: url(../icons/puff.svg) } .icon--search { mask: url(../icons/search.svg); -webkit-mask: url(../icons/search.svg) } .icon--settings { mask: url(../icons/settings.svg); -webkit-mask: url(../icons/settings.svg) } .icon--shopping-cart { mask: url(../icons/shopping-cart.svg); -webkit-mask: url(../icons/shopping-cart.svg) } .icon--survey-line { mask: url(../icons/survey-line.svg); -webkit-mask: url(../icons/survey-line.svg) }  .icon--thumb-down { mask: url(../icons/thumb-down.svg); -webkit-mask: url(../icons/thumb-down.svg) } .icon--thumb-up { mask: url(../icons/thumb-up.svg); -webkit-mask: url(../icons/thumb-up.svg) } .icon--time { mask: url(../icons/time.svg); -webkit-mask: url(../icons/time.svg) } .icon--trash { mask: url(../icons/trash.svg); -webkit-mask: url(../icons/trash.svg) } .icon--truck { mask: url(../icons/truck.svg); -webkit-mask: url(../icons/truck.svg) } .icon--user-plus { mask: url(../icons/user-plus.svg); -webkit-mask: url(../icons/user-plus.svg) } .icon--user { mask: url(../icons/user.svg); -webkit-mask: url(../icons/user.svg) } .icon--youtube { mask: url(../icons/youtube.svg); -webkit-mask: url(../icons/youtube.svg) } .icon--arrow-down { mask: url(../icons/theme_icons/arrow-down.svg); -webkit-mask: url(../icons/theme_icons/arrow-down.svg) } .icon--arrow-left { mask: url(../icons/theme_icons/arrow-left.svg); -webkit-mask: url(../icons/theme_icons/arrow-left.svg) } .icon--arrow-right { mask: url(../icons/theme_icons/arrow-right.svg); -webkit-mask: url(../icons/theme_icons/arrow-right.svg) } .icon--arrow-up { mask: url(../icons/theme_icons/arrow-up.svg); -webkit-mask: url(../icons/theme_icons/arrow-up.svg) } .icon--badge-check { mask: url(../icons/theme_icons/badge-check.svg); -webkit-mask: url(../icons/theme_icons/badge-check.svg) } .icon--bell { mask: url(../icons/theme_icons/bell.svg); -webkit-mask: url(../icons/theme_icons/bell.svg) } .icon--box { mask: url(../icons/theme_icons/box.svg); -webkit-mask: url(../icons/theme_icons/box.svg) } .icon--calendar-checked { mask: url(../icons/theme_icons/calendar-checked.svg); -webkit-mask: url(../icons/theme_icons/calendar-checked.svg) } .icon--calendar-edit { mask: url(../icons/theme_icons/calendar-edit.svg); -webkit-mask: url(../icons/theme_icons/calendar-edit.svg) } .icon--calendar-today { mask: url(../icons/theme_icons/calendar-today.svg); -webkit-mask: url(../icons/theme_icons/calendar-today.svg) } .icon--calendar-upcoming { mask: url(../icons/theme_icons/calendar-upcoming.svg); -webkit-mask: url(../icons/theme_icons/calendar-upcoming.svg) } .icon--calendar { mask: url(../icons/theme_icons/calendar.svg); -webkit-mask: url(../icons/theme_icons/calendar.svg) } .icon--check { mask: url(../icons/theme_icons/check.svg); -webkit-mask: url(../icons/theme_icons/check.svg) } .icon--circle-dollar { mask: url(../icons/theme_icons/circle-dollar.svg); -webkit-mask: url(../icons/theme_icons/circle-dollar.svg) } .icon--circle-help { mask: url(../icons/theme_icons/circle-help.svg); -webkit-mask: url(../icons/theme_icons/circle-help.svg) } .icon--circle-x { mask: url(../icons/theme_icons/circle-x.svg); -webkit-mask: url(../icons/theme_icons/circle-x.svg) } .icon--close-eye { mask: url(../icons/theme_icons/close-eye.svg); -webkit-mask: url(../icons/theme_icons/close-eye.svg) } .icon--contrast { mask: url(../icons/theme_icons/contrast.svg); -webkit-mask: url(../icons/theme_icons/contrast.svg) } .icon--credit-card { mask: url(../icons/theme_icons/credit-card.svg); -webkit-mask: url(../icons/theme_icons/credit-card.svg) } .icon--customer-support { mask: url(../icons/theme_icons/customer-support.svg); -webkit-mask: url(../icons/theme_icons/customer-support.svg) } .icon--delivery-parcel { mask: url(../icons/theme_icons/delivery-parcel.svg); -webkit-mask: url(../icons/theme_icons/delivery-parcel.svg) } .icon--delivery { mask: url(../icons/theme_icons/delivery.svg); -webkit-mask: url(../icons/theme_icons/delivery.svg) } .icon--deskphone { mask: url(../icons/theme_icons/deskphone.svg); -webkit-mask: url(../icons/theme_icons/deskphone.svg) } .icon--diamond { mask: url(../icons/theme_icons/diamond.svg); -webkit-mask: url(../icons/theme_icons/diamond.svg) } .icon--edit { mask: url(../icons/theme_icons/edit.svg); -webkit-mask: url(../icons/theme_icons/edit.svg) } .icon--facebook { mask: url(../icons/theme_icons/facebook.svg); -webkit-mask: url(../icons/theme_icons/facebook.svg) } .icon--fast-forward { mask: url(../icons/theme_icons/fast-forward.svg); -webkit-mask: url(../icons/theme_icons/fast-forward.svg) } .icon--fast-mode { mask: url(../icons/theme_icons/fast-mode.svg); -webkit-mask: url(../icons/theme_icons/fast-mode.svg) } .icon--fax { mask: url(../icons/theme_icons/fax.svg); -webkit-mask: url(../icons/theme_icons/fax.svg) } .icon--file-down { mask: url(../icons/theme_icons/file-down.svg); -webkit-mask: url(../icons/theme_icons/file-down.svg) } .icon--file-stack { mask: url(../icons/theme_icons/file-stack.svg); -webkit-mask: url(../icons/theme_icons/file-stack.svg) } .icon--file-text { mask: url(../icons/theme_icons/file-text.svg); -webkit-mask: url(../icons/theme_icons/file-text.svg) } .icon--file-up { mask: url(../icons/theme_icons/file-up.svg); -webkit-mask: url(../icons/theme_icons/file-up.svg) } .icon--font_minus { mask: url(../icons/theme_icons/font_minus.svg); -webkit-mask: url(../icons/theme_icons/font_minus.svg) } .icon--font_plus { mask: url(../icons/theme_icons/font_plus.svg); -webkit-mask: url(../icons/theme_icons/font_plus.svg) } .icon--globe { mask: url(../icons/theme_icons/globe.svg); -webkit-mask: url(../icons/theme_icons/globe.svg) } .icon--heart-fill { mask: url(../icons/theme_icons/heart-fill.svg); -webkit-mask: url(../icons/theme_icons/heart-fill.svg) } .icon--heart-handshake { mask: url(../icons/theme_icons/heart-handshake.svg); -webkit-mask: url(../icons/theme_icons/heart-handshake.svg) } .icon--heart { mask: url(../icons/theme_icons/heart.svg); -webkit-mask: url(../icons/theme_icons/heart.svg) } .icon--history { mask: url(../icons/theme_icons/history.svg); -webkit-mask: url(../icons/theme_icons/history.svg) } .icon--hot-price { mask: url(../icons/theme_icons/hot-price.svg); -webkit-mask: url(../icons/theme_icons/hot-price.svg) } .icon--house { mask: url(../icons/theme_icons/house.svg); -webkit-mask: url(../icons/theme_icons/house.svg) } .icon--info { mask: url(../icons/theme_icons/info.svg); -webkit-mask: url(../icons/theme_icons/info.svg) } .icon--instagram { mask: url(../icons/theme_icons/instagram.svg); -webkit-mask: url(../icons/theme_icons/instagram.svg) } .icon--letter { mask: url(../icons/theme_icons/letter.svg); -webkit-mask: url(../icons/theme_icons/letter.svg) } .icon--log-out { mask: url(../icons/theme_icons/log-out.svg); -webkit-mask: url(../icons/theme_icons/log-out.svg) } .icon--map-pin { mask: url(../icons/theme_icons/map-pin.svg); -webkit-mask: url(../icons/theme_icons/map-pin.svg) } .icon--menu { mask: url(../icons/theme_icons/menu.svg); -webkit-mask: url(../icons/theme_icons/menu.svg) } .icon--message-circle-warning { mask: url(../icons/theme_icons/message-circle-warning.svg); -webkit-mask: url(../icons/theme_icons/message-circle-warning.svg) } .icon--message-square { mask: url(../icons/theme_icons/message-square.svg); -webkit-mask: url(../icons/theme_icons/message-square.svg) } .icon--minus { mask: url(../icons/theme_icons/minus.svg); -webkit-mask: url(../icons/theme_icons/minus.svg) } .icon--move-left { mask: url(../icons/theme_icons/move-left.svg); -webkit-mask: url(../icons/theme_icons/move-left.svg) } .icon--open-eye { mask: url(../icons/theme_icons/open-eye.svg); -webkit-mask: url(../icons/theme_icons/open-eye.svg) } .icon--order { mask: url(../icons/theme_icons/order.svg); -webkit-mask: url(../icons/theme_icons/order.svg) } .icon--phone { mask: url(../icons/theme_icons/phone.svg); -webkit-mask: url(../icons/theme_icons/phone.svg) } .icon--plan { mask: url(../icons/theme_icons/plan.svg); -webkit-mask: url(../icons/theme_icons/plan.svg) } .icon--plus { mask: url(../icons/theme_icons/plus.svg); -webkit-mask: url(../icons/theme_icons/plus.svg) } .icon--pricetag { mask: url(../icons/theme_icons/pricetag.svg); -webkit-mask: url(../icons/theme_icons/pricetag.svg) } .icon--search { mask: url(../icons/theme_icons/search.svg); -webkit-mask: url(../icons/theme_icons/search.svg) } .icon--send { mask: url(../icons/theme_icons/send.svg); -webkit-mask: url(../icons/theme_icons/send.svg) } .icon--share { mask: url(../icons/theme_icons/share.svg); -webkit-mask: url(../icons/theme_icons/share.svg) } .icon--shield { mask: url(../icons/theme_icons/shield.svg); -webkit-mask: url(../icons/theme_icons/shield.svg) } .icon--shopping-basket { mask: url(../icons/theme_icons/shopping-basket.svg); -webkit-mask: url(../icons/theme_icons/shopping-basket.svg) } .icon--shopping-cart { mask: url(../icons/theme_icons/shopping-cart.svg); -webkit-mask: url(../icons/theme_icons/shopping-cart.svg) } .icon--sliders-horizontal { mask: url(../icons/theme_icons/sliders-horizontal.svg); -webkit-mask: url(../icons/theme_icons/sliders-horizontal.svg) } .icon--snapchat { mask: url(../icons/theme_icons/snapchat.svg); -webkit-mask: url(../icons/theme_icons/snapchat.svg) } .icon--square-asterisk { mask: url(../icons/theme_icons/square-asterisk.svg); -webkit-mask: url(../icons/theme_icons/square-asterisk.svg) } .icon--star-fill { mask: url(../icons/theme_icons/star-fill.svg); -webkit-mask: url(../icons/theme_icons/star-fill.svg) } .icon--star { mask: url(../icons/theme_icons/star.svg); -webkit-mask: url(../icons/theme_icons/star.svg) } .icon--telescope { mask: url(../icons/theme_icons/telescope.svg); -webkit-mask: url(../icons/theme_icons/telescope.svg) } .icon--tickets { mask: url(../icons/theme_icons/tickets.svg); -webkit-mask: url(../icons/theme_icons/tickets.svg) } .icon--time { mask: url(../icons/theme_icons/time.svg); -webkit-mask: url(../icons/theme_icons/time.svg) } .icon--trash { mask: url(../icons/theme_icons/trash.svg); -webkit-mask: url(../icons/theme_icons/trash.svg) } .icon--twitter { mask: url(../icons/theme_icons/twitter.svg); -webkit-mask: url(../icons/theme_icons/twitter.svg) } .icon--user-address { mask: url(../icons/theme_icons/user-address.svg); -webkit-mask: url(../icons/theme_icons/user-address.svg) } .icon--user-dashboard { mask: url(../icons/theme_icons/user-dashboard.svg); -webkit-mask: url(../icons/theme_icons/user-dashboard.svg) } .icon--user-love { mask: url(../icons/theme_icons/user-love.svg); -webkit-mask: url(../icons/theme_icons/user-love.svg) } .icon--user-round { mask: url(../icons/theme_icons/user-round.svg); -webkit-mask: url(../icons/theme_icons/user-round.svg) } .icon--whatsapp { mask: url(../icons/theme_icons/whatsapp.svg); -webkit-mask: url(../icons/theme_icons/whatsapp.svg) } .icon--world { mask: url(../icons/theme_icons/world.svg); -webkit-mask: url(../icons/theme_icons/world.svg) } .icon--x { mask: url(../icons/theme_icons/x.svg); -webkit-mask: url(../icons/theme_icons/x.svg) } .icon,[class^=icon--],[class*=" icon--"]{--icon-size: 24px;width:var(--icon-size);min-width:var(--icon-size);height:var(--icon-size);display:block;-webkit-mask-size:cover;mask-size:cover;background-color:#000;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;}