/* ICONS */

:root {
	--dim-ic: 1rem;
}

.ic {
	position:relative;
	display:inline-block;
	vertical-align: middle;
	width: var(--dim-ic);
	height: var(--dim-ic);
}

.ic:before {
	content:'';
	position:absolute;
	display:block;
	vertical-align:middle;
	width: 100%;
	height:100%;
	background:#000;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.ic.circle { 
	border-radius:50%;
	background:#000;
}

.ic.circle:before {
	background:#FFF;
	-webkit-mask-size:50%;
	mask-size:50%;
}

.ic-soc-vk.circle { background-color: #47A; }
.ic-soc-fb.circle { background-color: #459; }
.ic-soc-in.circle { background-color: #e55; }

.ic-diagram:before		{ -webkit-mask-image:url(../icons/ic-diagram.svg); mask-image:url(../icons/ic-diagram.svg); }
.ic-eye-closed:before		{ -webkit-mask-image:url(../icons/ic-eye-closed.svg); mask-image:url(../icons/ic-eye-closed.svg); }
.ic-eye-opened:before		{ -webkit-mask-image:url(../icons/ic-eye-opened.svg); mask-image:url(../icons/ic-eye-opened.svg); }
.ic-graph-bar:before		{ -webkit-mask-image:url(../icons/ic-graph-bar.svg); mask-image:url(../icons/ic-graph-bar.svg); }
.ic-stethoscope:before		{ -webkit-mask-image:url(../icons/ic-stethoscope.svg); mask-image:url(../icons/ic-stethoscope.svg); }
.ic-timer:before		{ -webkit-mask-image:url(../icons/ic-timer.svg); mask-image:url(../icons/ic-timer.svg); }
.ic-trophy:before		{ -webkit-mask-image:url(../icons/ic-trophy.svg); mask-image:url(../icons/ic-trophy.svg); }
.ic-weights:before		{ -webkit-mask-image:url(../icons/ic-weights.svg); mask-image:url(../icons/ic-weights.svg); }
.ic-add:before		{ -webkit-mask-image:url(../icons/ic_add.svg); mask-image:url(../icons/ic_add.svg); }
.ic-arr-down:before		{ -webkit-mask-image:url(../icons/ic_arr_down.svg); mask-image:url(../icons/ic_arr_down.svg); }
.ic-arr-left:before		{ -webkit-mask-image:url(../icons/ic_arr_left.svg); mask-image:url(../icons/ic_arr_left.svg); }
.ic-arr-right:before		{ -webkit-mask-image:url(../icons/ic_arr_right.svg); mask-image:url(../icons/ic_arr_right.svg); }
.ic-arr-up:before		{ -webkit-mask-image:url(../icons/ic_arr_up.svg); mask-image:url(../icons/ic_arr_up.svg); }
.ic-barbell:before		{ -webkit-mask-image:url(../icons/ic_barbell.svg); mask-image:url(../icons/ic_barbell.svg); }
.ic-bell:before		{ -webkit-mask-image:url(../icons/ic_bell.svg); mask-image:url(../icons/ic_bell.svg); }
.ic-bell-full:before		{ -webkit-mask-image:url(../icons/ic_bell_full.svg); mask-image:url(../icons/ic_bell_full.svg); }
.ic-c-alert:before		{ -webkit-mask-image:url(../icons/ic_c_alert.svg); mask-image:url(../icons/ic_c_alert.svg); }
.ic-c-cancel:before		{ -webkit-mask-image:url(../icons/ic_c_cancel.svg); mask-image:url(../icons/ic_c_cancel.svg); }
.ic-c-check:before		{ -webkit-mask-image:url(../icons/ic_c_check.svg); mask-image:url(../icons/ic_c_check.svg); }
.ic-c-help:before		{ -webkit-mask-image:url(../icons/ic_c_help.svg); mask-image:url(../icons/ic_c_help.svg); }
.ic-c-play:before		{ -webkit-mask-image:url(../icons/ic_c_play.svg); mask-image:url(../icons/ic_c_play.svg); }
.ic-calc:before		{ -webkit-mask-image:url(../icons/ic_calc.svg); mask-image:url(../icons/ic_calc.svg); }
.ic-calendar:before		{ -webkit-mask-image:url(../icons/ic_calendar.svg); mask-image:url(../icons/ic_calendar.svg); }
.ic-camera:before		{ -webkit-mask-image:url(../icons/ic_camera.svg); mask-image:url(../icons/ic_camera.svg); }
.ic-cancel:before		{ -webkit-mask-image:url(../icons/ic_cancel.svg); mask-image:url(../icons/ic_cancel.svg); }
.ic-card:before		{ -webkit-mask-image:url(../icons/ic_card.svg); mask-image:url(../icons/ic_card.svg); }
.ic-case:before		{ -webkit-mask-image:url(../icons/ic_case.svg); mask-image:url(../icons/ic_case.svg); }
.ic-ch-down:before		{ -webkit-mask-image:url(../icons/ic_ch_down.svg); mask-image:url(../icons/ic_ch_down.svg); }
.ic-ch-left:before		{ -webkit-mask-image:url(../icons/ic_ch_left.svg); mask-image:url(../icons/ic_ch_left.svg); }
.ic-ch-right:before		{ -webkit-mask-image:url(../icons/ic_ch_right.svg); mask-image:url(../icons/ic_ch_right.svg); }
.ic-ch-up:before		{ -webkit-mask-image:url(../icons/ic_ch_up.svg); mask-image:url(../icons/ic_ch_up.svg); }
.ic-check:before		{ -webkit-mask-image:url(../icons/ic_check.svg); mask-image:url(../icons/ic_check.svg); }
.ic-clock:before		{ -webkit-mask-image:url(../icons/ic_clock.svg); mask-image:url(../icons/ic_clock.svg); }
.ic-comment:before		{ -webkit-mask-image:url(../icons/ic_comment.svg); mask-image:url(../icons/ic_comment.svg); }
.ic-copy:before		{ -webkit-mask-image:url(../icons/ic_copy.svg); mask-image:url(../icons/ic_copy.svg); }
.ic-cost:before		{ -webkit-mask-image:url(../icons/ic_cost.svg); mask-image:url(../icons/ic_cost.svg); }
.ic-date:before		{ -webkit-mask-image:url(../icons/ic_date.svg); mask-image:url(../icons/ic_date.svg); }
.ic-delete:before		{ -webkit-mask-image:url(../icons/ic_delete.svg); mask-image:url(../icons/ic_delete.svg); }
.ic-dots:before		{ -webkit-mask-image:url(../icons/ic_dots.svg); mask-image:url(../icons/ic_dots.svg); }
.ic-empty-box:before		{ -webkit-mask-image:url(../icons/ic_empty_box.svg); mask-image:url(../icons/ic_empty_box.svg); }
.ic-filter:before		{ -webkit-mask-image:url(../icons/ic_filter.svg); mask-image:url(../icons/ic_filter.svg); }
.ic-fruits:before		{ -webkit-mask-image:url(../icons/ic_fruits.svg); mask-image:url(../icons/ic_fruits.svg); }
.ic-fullscreen:before		{ -webkit-mask-image:url(../icons/ic_fullscreen.svg); mask-image:url(../icons/ic_fullscreen.svg); }
.ic-fullscreen-exit:before		{ -webkit-mask-image:url(../icons/ic_fullscreen_exit.svg); mask-image:url(../icons/ic_fullscreen_exit.svg); }
.ic-gear:before		{ -webkit-mask-image:url(../icons/ic_gear.svg); mask-image:url(../icons/ic_gear.svg); }
.ic-graph:before		{ -webkit-mask-image:url(../icons/ic_graph.svg); mask-image:url(../icons/ic_graph.svg); }
.ic-grid:before		{ -webkit-mask-image:url(../icons/ic_grid.svg); mask-image:url(../icons/ic_grid.svg); }
.ic-heart:before		{ -webkit-mask-image:url(../icons/ic_heart.svg); mask-image:url(../icons/ic_heart.svg); }
.ic-heart-full:before		{ -webkit-mask-image:url(../icons/ic_heart_full.svg); mask-image:url(../icons/ic_heart_full.svg); }
.ic-home:before		{ -webkit-mask-image:url(../icons/ic_home.svg); mask-image:url(../icons/ic_home.svg); }
.ic-image:before		{ -webkit-mask-image:url(../icons/ic_image.svg); mask-image:url(../icons/ic_image.svg); }
.ic-index:before		{ -webkit-mask-image:url(../icons/ic_index.svg); mask-image:url(../icons/ic_index.svg); }
.ic-key:before		{ -webkit-mask-image:url(../icons/ic_key.svg); mask-image:url(../icons/ic_key.svg); }
.ic-lamp:before		{ -webkit-mask-image:url(../icons/ic_lamp.svg); mask-image:url(../icons/ic_lamp.svg); }
.ic-lang:before		{ -webkit-mask-image:url(../icons/ic_lang.svg); mask-image:url(../icons/ic_lang.svg); }
.ic-list:before		{ -webkit-mask-image:url(../icons/ic_list.svg); mask-image:url(../icons/ic_list.svg); }
.ic-locator:before		{ -webkit-mask-image:url(../icons/ic_locator.svg); mask-image:url(../icons/ic_locator.svg); }
.ic-lock:before		{ -webkit-mask-image:url(../icons/ic_lock.svg); mask-image:url(../icons/ic_lock.svg); }
.ic-logo:before		{ -webkit-mask-image:url(../icons/ic_logo.svg); mask-image:url(../icons/ic_logo.svg); }
.ic-logout:before		{ -webkit-mask-image:url(../icons/ic_logout.svg); mask-image:url(../icons/ic_logout.svg); }
.ic-menu:before		{ -webkit-mask-image:url(../icons/ic_menu.svg); mask-image:url(../icons/ic_menu.svg); }
.ic-meter:before		{ -webkit-mask-image:url(../icons/ic_meter.svg); mask-image:url(../icons/ic_meter.svg); }
.ic-mouse:before		{ -webkit-mask-image:url(../icons/ic_mouse.svg); mask-image:url(../icons/ic_mouse.svg); }
.ic-msg:before		{ -webkit-mask-image:url(../icons/ic_msg.svg); mask-image:url(../icons/ic_msg.svg); }
.ic-navigate:before		{ -webkit-mask-image:url(../icons/ic_navigate.svg); mask-image:url(../icons/ic_navigate.svg); }
.ic-noimg:before		{ -webkit-mask-image:url(../icons/ic_noimg.svg); mask-image:url(../icons/ic_noimg.svg); }
.ic-o-add:before		{ -webkit-mask-image:url(../icons/ic_o_add.svg); mask-image:url(../icons/ic_o_add.svg); }
.ic-o-delete:before		{ -webkit-mask-image:url(../icons/ic_o_delete.svg); mask-image:url(../icons/ic_o_delete.svg); }
.ic-o-help:before		{ -webkit-mask-image:url(../icons/ic_o_help.svg); mask-image:url(../icons/ic_o_help.svg); }
.ic-o-info:before		{ -webkit-mask-image:url(../icons/ic_o_info.svg); mask-image:url(../icons/ic_o_info.svg); }
.ic-o-pause:before		{ -webkit-mask-image:url(../icons/ic_o_pause.svg); mask-image:url(../icons/ic_o_pause.svg); }
.ic-o-play:before		{ -webkit-mask-image:url(../icons/ic_o_play.svg); mask-image:url(../icons/ic_o_play.svg); }
.ic-offline:before		{ -webkit-mask-image:url(../icons/ic_offline.svg); mask-image:url(../icons/ic_offline.svg); }
.ic-parking:before		{ -webkit-mask-image:url(../icons/ic_parking.svg); mask-image:url(../icons/ic_parking.svg); }
.ic-paste:before		{ -webkit-mask-image:url(../icons/ic_paste.svg); mask-image:url(../icons/ic_paste.svg); }
.ic-pen:before		{ -webkit-mask-image:url(../icons/ic_pen.svg); mask-image:url(../icons/ic_pen.svg); }
.ic-physical:before		{ -webkit-mask-image:url(../icons/ic_physical.svg); mask-image:url(../icons/ic_physical.svg); }
.ic-pointer:before		{ -webkit-mask-image:url(../icons/ic_pointer.svg); mask-image:url(../icons/ic_pointer.svg); }
.ic-print:before		{ -webkit-mask-image:url(../icons/ic_print.svg); mask-image:url(../icons/ic_print.svg); }
.ic-pulse:before		{ -webkit-mask-image:url(../icons/ic_pulse.svg); mask-image:url(../icons/ic_pulse.svg); }
.ic-pulse-load:before		{ -webkit-mask-image:url(../icons/ic_pulse_load.svg); mask-image:url(../icons/ic_pulse_load.svg); }
.ic-refresh:before		{ -webkit-mask-image:url(../icons/ic_refresh.svg); mask-image:url(../icons/ic_refresh.svg); }
.ic-route:before		{ -webkit-mask-image:url(../icons/ic_route.svg); mask-image:url(../icons/ic_route.svg); }
.ic-rur:before		{ -webkit-mask-image:url(../icons/ic_rur.svg); mask-image:url(../icons/ic_rur.svg); }
.ic-satelite:before		{ -webkit-mask-image:url(../icons/ic_satelite.svg); mask-image:url(../icons/ic_satelite.svg); }
.ic-save:before		{ -webkit-mask-image:url(../icons/ic_save.svg); mask-image:url(../icons/ic_save.svg); }
.ic-search:before		{ -webkit-mask-image:url(../icons/ic_search.svg); mask-image:url(../icons/ic_search.svg); }
.ic-settings:before		{ -webkit-mask-image:url(../icons/ic_settings.svg); mask-image:url(../icons/ic_settings.svg); }
.ic-signal:before		{ -webkit-mask-image:url(../icons/ic_signal.svg); mask-image:url(../icons/ic_signal.svg); }
.ic-signalization:before		{ -webkit-mask-image:url(../icons/ic_signalization.svg); mask-image:url(../icons/ic_signalization.svg); }
.ic-speed:before		{ -webkit-mask-image:url(../icons/ic_speed.svg); mask-image:url(../icons/ic_speed.svg); }
.ic-sport:before		{ -webkit-mask-image:url(../icons/ic_sport.svg); mask-image:url(../icons/ic_sport.svg); }
.ic-star:before		{ -webkit-mask-image:url(../icons/ic_star.svg); mask-image:url(../icons/ic_star.svg); }
.ic-support:before		{ -webkit-mask-image:url(../icons/ic_support.svg); mask-image:url(../icons/ic_support.svg); }
.ic-sync:before		{ -webkit-mask-image:url(../icons/ic_sync.svg); mask-image:url(../icons/ic_sync.svg); }
.ic-target:before		{ -webkit-mask-image:url(../icons/ic_target.svg); mask-image:url(../icons/ic_target.svg); }
.ic-task:before		{ -webkit-mask-image:url(../icons/ic_task.svg); mask-image:url(../icons/ic_task.svg); }
.ic-user:before		{ -webkit-mask-image:url(../icons/ic_user.svg); mask-image:url(../icons/ic_user.svg); }
.ic-vcard:before		{ -webkit-mask-image:url(../icons/ic_vcard.svg); mask-image:url(../icons/ic_vcard.svg); }
.ic-video:before		{ -webkit-mask-image:url(../icons/ic_video.svg); mask-image:url(../icons/ic_video.svg); }
.ic-web:before		{ -webkit-mask-image:url(../icons/ic_web.svg); mask-image:url(../icons/ic_web.svg); }
.ic-weight:before		{ -webkit-mask-image:url(../icons/ic_weight.svg); mask-image:url(../icons/ic_weight.svg); }

?>