[{"layout":12,"settings":{"title":"","heading_selector":"h3","title_fontsize":"","title_fontweight":"","title_text_color":"","title_margin_top":"","title_margin_bottom":"","subtitle":"","subtitle_fontsize":"","title_position":"sppb-text-center","background_color":"","color":"","background_image":"","background_repeat":"inherit","background_size":"cover","background_attachment":"inherit","background_position":"50% 50%","background_video":0,"background_video_mp4":"","background_video_ogv":"","id":"","class":"","padding":{"md":"   ","sm":"   ","xs":"   "},"margin":{"md":"   ","sm":"   ","xs":"   "},"fullscreen":0,"columns_align_center":0,"no_gutter":0,"row_border":0,"show_top_shape":0,"show_bottom_shape":0,"columns_content_alignment":"center","background_type":"none"},"id":1582284011564,"visibility":1,"columns":[{"class_name":"col-sm-12","settings":{"background":"","color":"","padding":{"md":"10px 10px 10px 10px","sm":"10px 10px 10px 10px","xs":"   "},"animation":"","animationduration":300,"animationdelay":0,"class":"","items_align_center":0,"margin":{"md":"   ","sm":"   ","xs":"   "},"use_border":0,"background_type":"none"},"id":1582284011591,"addons":[{"type":"","name":"text_block","title":"Text Block","id":1582284011592,"settings":{"admin_label":"Pixeden Icons","title":"Pixeden Icons","heading_selector":"h2","title_fontsize":"37","title_lineheight":"","title_fontstyle":null,"title_letterspace":"0","title_fontweight":"","title_text_color":"","title_margin_top":"35","title_margin_bottom":"15","text":"<em style=\"color: #777;\">Complete set of 202 thin stroke, retina ready icons, that will beautifully complement any project. Search below from the 202 set of Pixeden icons</em>","alignment":"sppb-text-center","class":"","global_text_color":"","global_link_color":"","global_link_hover_color":"","global_use_background":"0","global_background_color":"","global_background_image":"","global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_user_border":0,"global_border_width":"","global_border_color":"","global_boder_style":"none","global_border_radius":"","global_margin":{"md":"   ","sm":"   ","xs":"   "},"global_padding":{"md":"2% 10% 2% 10%","sm":"15px 25px 15px 25px","xs":"   "},"global_use_animation":0,"global_animation":"","global_animationduration":"300","global_animationdelay":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":null,"dropcap":0},"visibility":1},{"id":1582284011610,"name":"raw_html","visibility":true,"settings":{"admin_label":"Pre code","title":"","heading_selector":"h3","title_fontsize":"","title_lineheight":"","title_letterspace":"0","html":"<pre style=\"background: #303030; color: #ccc; padding: 20px 25px;\">&lt;<span style=\"color: #ffd8a8;\">i</span> <span style=\"color: #ffa94c;\">class</span>=\"<span style=\"color: #fff;\">pe pe-7s-map-marker</span>\"&gt;&lt;/<span style=\"color: #ffd8a8;\">i</span>&gt; <span style=\"color: #888;\">Map-marker</span> <i style=\"color:#26c1ef;font-size:22px;vertical-align:middle;;\" class=\"pe pe-7s-map-marker\"></i> <span style=\"color: #888;\">&lt;!-- this icon's 1) style prefix == pe and 2) icon name == map-marker --&gt;</span>\n\n&lt;<span style=\"color: #ffd8a8;\">span</span> <span style=\"color: #ffa94c;\">class</span>=\"<span style=\"color: #fff;\">pe pe-7s-rocket</span>\"&gt;&lt;/<span style=\"color: #ffd8a8;\">span</span>&gt; <span style=\"color: #888;\">Rocket</span> <i style=\"color:#26c1ef;font-size:22px;vertical-align:middle;\" class=\"pe pe-7s-rocket\"></i> <span style=\"color: #888;\">&lt;!-- using a &lt;span&gt; element to reference the icon --&gt;</span>\n</pre>","class":"","global_background_type":"none","global_background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_background_position":"50% 50%","global_use_overlay":0,"global_overlay_type":"overlay_none","global_gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"global_pattern_overlay":"","global_overlay_pattern_color":"","blend_mode":"normal","global_user_border":0,"global_border_width":"","global_border_radius":0,"global_margin":{"md":"0px 0px 30px 0px","sm":"0px 0px 20px 0px","xs":"0px 0px 10px 0px"},"global_padding":{"md":"5px 25px 5px 25px","sm":"0 0 0 0","xs":"0 0 0 0"},"global_boxshadow":"0 0 0 0 #ffffff","global_use_animation":0,"global_animationduration":"300","global_animationdelay":"0","global_custom_css":"","global_custom_position":0,"global_seclect_position":"relative","global_addon_position_left":{"unit":"px"},"global_addon_position_top":{"unit":"px"},"use_global_width":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":"","while_scroll_view":[{"enable_while_scroll_view":0,"on_scroll_actions":[{"id":"b3fdc1c1e6bfde5942ea","index":0,"keyframe":0,"name":"move","property":{"x":"0","y":"-100","z":"0"},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"},{"id":"936e0225e6dc8edfba7d","index":1,"keyframe":100,"name":"move","property":{"x":0,"y":0,"z":0},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"}],"transition_origin_x":"center","transition_origin_y":"center","enable_tablet":0,"enable_mobile":0}],"mouse_movement":[{"enable_tilt_effect":0,"mouse_tilt_direction":"direct","mouse_tilt_speed":"1","mouse_tilt_max":"15","enable_tablet":0,"enable_mobile":0}]}}],"visibility":1}],"collapse":"","title":"Row"},{"id":1580819382905,"visibility":true,"collapse":false,"settings":{"admin_label":"","title":"","heading_selector":"h3","title_fontsize":"","title_fontweight":"","title_position":"sppb-text-center","columns_align_center":1,"columns_content_alignment":"center","fullscreen":0,"no_gutter":0,"container_width":{"unit":"px"},"container_max_width":{"unit":"px"},"container_min_width":{"unit":"px"},"row_width":{"unit":"px"},"row_max_width":{"unit":"px"},"row_min_width":{"unit":"px"},"padding":{"md":"0px 0px 20px 0px","sm":"   ","xs":"   "},"margin":{"md":"   ","sm":"   ","xs":"   "},"background_type":"none","background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"background_image":"","background_parallax":"0","background_repeat":"no-repeat","background_size":"cover","background_size_custom":{"unit":"px"},"background_attachment":"fixed","background_position":"0 0","background_position_custom_x":{"unit":"px"},"background_position_custom_y":{"unit":"px"},"external_background_video":"0","video_loop":1,"overlay_type":"overlay_none","gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"pattern_overlay":"","overlay_pattern_color":"","blend_mode":"normal","row_border":0,"row_border_style":"solid","row_border_radius":0,"row_boxshadow":"0 0 0 0 #ffffff","show_top_shape":0,"shape_name":"clouds-flat","shape_color":"#e5e5e5","shape_width":{"md":100,"sm":100,"xs":100},"shape_height":"","shape_flip":false,"shape_invert":false,"shape_to_front":false,"show_bottom_shape":0,"bottom_shape_name":"clouds-opacity","bottom_shape_color":"#e5e5e5","bottom_shape_width":{"md":100,"sm":100,"xs":100},"bottom_shape_height":"","bottom_shape_flip":false,"bottom_shape_invert":false,"bottom_shape_to_front":false,"hidden_xs":"","hidden_sm":"","hidden_md":"","animationduration":"300","animationdelay":"0"},"layout":"12","columns":[{"id":1580819382904,"class_name":"col-md-12","visibility":true,"settings":{"background_type":"none","background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"background_image":"","background_repeat":"no-repeat","background_size":"cover","background_attachment":"scroll","background_position":"0 0","overlay_type":"overlay_color","gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"pattern_overlay":"","overlay_pattern_color":"","blend_mode":"normal","items_align_center":0,"items_content_alignment":"center","use_border":0,"border_width":"","border_radius":0,"boxshadow":"0 0 0 0 #fff","sm_col":"","xs_col":"","tablet_order":"","mobile_order":"","hidden_xs":"","hidden_sm":"","hidden_md":"","animationduration":"300","animationdelay":"0","padding":{"md":"   ","sm":"   ","xs":"   "},"margin":{"md":"   ","sm":"   ","xs":"   "}},"addons":[{"id":1580843152782,"name":"raw_html","visibility":true,"settings":{"admin_label":"Pixeden icons","title":"","heading_selector":"h3","title_fontsize":"","title_lineheight":"","title_letterspace":"0","html":"<div class=\"row-fluid clearfix icons-search svgwhite\">\n<input style=\"width:100%;font-size:1.2em;padding:1.2em 1em 1.3em;\" type=\"text\" id=\"search_icons\" onkeyup=\"doSearch(this)\" placeholder=\"&#xe618 Search Pixeden icons...\" title=\"Type in a name of Pixeden icon\">\n</div>\n<div id=\"myTable\" class=\"row-fluid centered fa5-list\">\n<p class=\"svgwhite\" style=\"display:none;\" id=\"search-empty\"><i class=\"pe pe-7s-light\"></i> There's no match for your search: <strong></strong></p>\n   <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-album\"></i></div>\n        <div class=\"fa5-demo-icon__class\">album</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-arc\"></i></div>\n        <div class=\"fa5-demo-icon__class\">arc</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-back-2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">back-2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-bandaid\"></i></div>\n        <div class=\"fa5-demo-icon__class\">bandaid</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-car\"></i></div>\n        <div class=\"fa5-demo-icon__class\">car</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-diamond\"></i></div>\n        <div class=\"fa5-demo-icon__class\">diamond</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-door-lock\"></i></div>\n        <div class=\"fa5-demo-icon__class\">door-lock</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-eyedropper\"></i></div>\n        <div class=\"fa5-demo-icon__class\">eyedropper</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-female\"></i></div>\n        <div class=\"fa5-demo-icon__class\">female</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-gym\"></i></div>\n        <div class=\"fa5-demo-icon__class\">gym</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-hammer\"></i></div>\n        <div class=\"fa5-demo-icon__class\">hammer</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-headphones\"></i></div>\n        <div class=\"fa5-demo-icon__class\">headphones</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-helm\"></i></div>\n        <div class=\"fa5-demo-icon__class\">helm</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-hourglass\"></i></div>\n        <div class=\"fa5-demo-icon__class\">hourglass</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-leaf\"></i></div>\n        <div class=\"fa5-demo-icon__class\">leaf</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-magic-wand\"></i></div>\n        <div class=\"fa5-demo-icon__class\">magic-wand</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-male\"></i></div>\n        <div class=\"fa5-demo-icon__class\">male</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-map-2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">map-2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-next-2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">next-2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-paint-bucket\"></i></div>\n        <div class=\"fa5-demo-icon__class\">paint-bucket</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-pendrive\"></i></div>\n        <div class=\"fa5-demo-icon__class\">pendrive</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-photo\"></i></div>\n        <div class=\"fa5-demo-icon__class\">photo</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-piggy\"></i></div>\n        <div class=\"fa5-demo-icon__class\">piggy</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-plugin\"></i></div>\n        <div class=\"fa5-demo-icon__class\">plugin</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-refresh-2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">refresh-2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-rocket\"></i></div>\n        <div class=\"fa5-demo-icon__class\">rocket</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-settings\"></i></div>\n        <div class=\"fa5-demo-icon__class\">settings</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-shield\"></i></div>\n        <div class=\"fa5-demo-icon__class\">shield</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-smile\"></i></div>\n        <div class=\"fa5-demo-icon__class\">smile</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-usb\"></i></div>\n        <div class=\"fa5-demo-icon__class\">usb</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-vector\"></i></div>\n        <div class=\"fa5-demo-icon__class\">vector</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-wine\"></i></div>\n        <div class=\"fa5-demo-icon__class\">wine</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-cloud-upload\"></i></div>\n        <div class=\"fa5-demo-icon__class\">cloud-upload</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-cash\"></i></div>\n        <div class=\"fa5-demo-icon__class\">cash</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-close\"></i></div>\n        <div class=\"fa5-demo-icon__class\">close</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-bluetooth\"></i></div>\n        <div class=\"fa5-demo-icon__class\">bluetooth</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-cloud-download\"></i></div>\n        <div class=\"fa5-demo-icon__class\">cloud-download</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-way\"></i></div>\n        <div class=\"fa5-demo-icon__class\">way</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-close-circle\"></i></div>\n        <div class=\"fa5-demo-icon__class\">close-circle</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-id\"></i></div>\n        <div class=\"fa5-demo-icon__class\">id</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-angle-up\"></i></div>\n        <div class=\"fa5-demo-icon__class\">angle-up</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-wristwatch\"></i></div>\n        <div class=\"fa5-demo-icon__class\">wristwatch</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-angle-up-circle\"></i></div>\n        <div class=\"fa5-demo-icon__class\">angle-up-circle</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-world\"></i></div>\n        <div class=\"fa5-demo-icon__class\">world</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-angle-right\"></i></div>\n        <div class=\"fa5-demo-icon__class\">angle-right</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-angle-right-circle\"></i></div>\n        <div class=\"fa5-demo-icon__class\">angle-right-circle</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-users\"></i></div>\n        <div class=\"fa5-demo-icon__class\">users</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-angle-left\"></i></div>\n        <div class=\"fa5-demo-icon__class\">angle-left</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-user-female\"></i></div>\n        <div class=\"fa5-demo-icon__class\">user-female</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-angle-left-circle\"></i></div>\n        <div class=\"fa5-demo-icon__class\">angle-left-circle</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-up-arrow\"></i></div>\n        <div class=\"fa5-demo-icon__class\">up-arrow</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-angle-down\"></i></div>\n        <div class=\"fa5-demo-icon__class\">angle-down</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-switch\"></i></div>\n        <div class=\"fa5-demo-icon__class\">switch</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-angle-down-circle\"></i></div>\n        <div class=\"fa5-demo-icon__class\">angle-down-circle</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-scissors\"></i></div>\n        <div class=\"fa5-demo-icon__class\">scissors</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-wallet\"></i></div>\n        <div class=\"fa5-demo-icon__class\">wallet</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-safe\"></i></div>\n        <div class=\"fa5-demo-icon__class\">safe</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-volume2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">volume2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-volume1\"></i></div>\n        <div class=\"fa5-demo-icon__class\">volume1</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-voicemail\"></i></div>\n        <div class=\"fa5-demo-icon__class\">voicemail</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-video\"></i></div>\n        <div class=\"fa5-demo-icon__class\">video</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-user\"></i></div>\n        <div class=\"fa5-demo-icon__class\">user</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-upload\"></i></div>\n        <div class=\"fa5-demo-icon__class\">upload</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-unlock\"></i></div>\n        <div class=\"fa5-demo-icon__class\">unlock</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-umbrella\"></i></div>\n        <div class=\"fa5-demo-icon__class\">umbrella</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-trash\"></i></div>\n        <div class=\"fa5-demo-icon__class\">trash</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-tools\"></i></div>\n        <div class=\"fa5-demo-icon__class\">tools</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-timer\"></i></div>\n        <div class=\"fa5-demo-icon__class\">timer</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-ticket\"></i></div>\n        <div class=\"fa5-demo-icon__class\">ticket</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-target\"></i></div>\n        <div class=\"fa5-demo-icon__class\">target</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-sun\"></i></div>\n        <div class=\"fa5-demo-icon__class\">sun</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-study\"></i></div>\n        <div class=\"fa5-demo-icon__class\">study</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-stopwatch\"></i></div>\n        <div class=\"fa5-demo-icon__class\">stopwatch</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-star\"></i></div>\n        <div class=\"fa5-demo-icon__class\">star</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-speaker\"></i></div>\n        <div class=\"fa5-demo-icon__class\">speaker</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-signal\"></i></div>\n        <div class=\"fa5-demo-icon__class\">signal</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-shuffle\"></i></div>\n        <div class=\"fa5-demo-icon__class\">shuffle</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-shopbag\"></i></div>\n        <div class=\"fa5-demo-icon__class\">shopbag</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-share\"></i></div>\n        <div class=\"fa5-demo-icon__class\">share</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-server\"></i></div>\n        <div class=\"fa5-demo-icon__class\">server</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-search\"></i></div>\n        <div class=\"fa5-demo-icon__class\">search</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-film\"></i></div>\n        <div class=\"fa5-demo-icon__class\">film</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-science\"></i></div>\n        <div class=\"fa5-demo-icon__class\">science</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-disk\"></i></div>\n        <div class=\"fa5-demo-icon__class\">disk</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-ribbon\"></i></div>\n        <div class=\"fa5-demo-icon__class\">ribbon</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-repeat\"></i></div>\n        <div class=\"fa5-demo-icon__class\">repeat</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-refresh\"></i></div>\n        <div class=\"fa5-demo-icon__class\">refresh</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-add-user\"></i></div>\n        <div class=\"fa5-demo-icon__class\">add-user</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-refresh-cloud\"></i></div>\n        <div class=\"fa5-demo-icon__class\">refresh-cloud</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-paperclip\"></i></div>\n        <div class=\"fa5-demo-icon__class\">paperclip</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-radio\"></i></div>\n        <div class=\"fa5-demo-icon__class\">radio</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-note2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">note2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-print\"></i></div>\n        <div class=\"fa5-demo-icon__class\">print</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-network\"></i></div>\n        <div class=\"fa5-demo-icon__class\">network</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-prev\"></i></div>\n        <div class=\"fa5-demo-icon__class\">prev</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-mute\"></i></div>\n        <div class=\"fa5-demo-icon__class\">mute</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-power\"></i></div>\n        <div class=\"fa5-demo-icon__class\">power</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-medal\"></i></div>\n        <div class=\"fa5-demo-icon__class\">medal</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-portfolio\"></i></div>\n        <div class=\"fa5-demo-icon__class\">portfolio</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-like2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">like2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-plus\"></i></div>\n        <div class=\"fa5-demo-icon__class\">plus</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-left-arrow\"></i></div>\n        <div class=\"fa5-demo-icon__class\">left-arrow</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-play\"></i></div>\n        <div class=\"fa5-demo-icon__class\">play</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-key\"></i></div>\n        <div class=\"fa5-demo-icon__class\">key</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-plane\"></i></div>\n        <div class=\"fa5-demo-icon__class\">plane</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-joy\"></i></div>\n        <div class=\"fa5-demo-icon__class\">joy</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-photo-gallery\"></i></div>\n        <div class=\"fa5-demo-icon__class\">photo-gallery</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-pin\"></i></div>\n        <div class=\"fa5-demo-icon__class\">pin</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-phone\"></i></div>\n        <div class=\"fa5-demo-icon__class\">phone</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-plug\"></i></div>\n        <div class=\"fa5-demo-icon__class\">plug</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-pen\"></i></div>\n        <div class=\"fa5-demo-icon__class\">pen</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-right-arrow\"></i></div>\n        <div class=\"fa5-demo-icon__class\">right-arrow</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-paper-plane\"></i></div>\n        <div class=\"fa5-demo-icon__class\">paper-plane</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-delete-user\"></i></div>\n        <div class=\"fa5-demo-icon__class\">delete-user</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-paint\"></i></div>\n        <div class=\"fa5-demo-icon__class\">paint</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-bottom-arrow\"></i></div>\n        <div class=\"fa5-demo-icon__class\">bottom-arrow</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-notebook\"></i></div>\n        <div class=\"fa5-demo-icon__class\">notebook</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-note\"></i></div>\n        <div class=\"fa5-demo-icon__class\">note</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-next\"></i></div>\n        <div class=\"fa5-demo-icon__class\">next</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-news-paper\"></i></div>\n        <div class=\"fa5-demo-icon__class\">news-paper</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-musiclist\"></i></div>\n        <div class=\"fa5-demo-icon__class\">musiclist</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-music\"></i></div>\n        <div class=\"fa5-demo-icon__class\">music</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-mouse\"></i></div>\n        <div class=\"fa5-demo-icon__class\">mouse</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-more\"></i></div>\n        <div class=\"fa5-demo-icon__class\">more</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-moon\"></i></div>\n        <div class=\"fa5-demo-icon__class\">moon</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-monitor\"></i></div>\n        <div class=\"fa5-demo-icon__class\">monitor</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-micro\"></i></div>\n        <div class=\"fa5-demo-icon__class\">micro</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-menu\"></i></div>\n        <div class=\"fa5-demo-icon__class\">menu</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-map\"></i></div>\n        <div class=\"fa5-demo-icon__class\">map</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-map-marker\"></i></div>\n        <div class=\"fa5-demo-icon__class\">map-marker</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-mail\"></i></div>\n        <div class=\"fa5-demo-icon__class\">mail</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-mail-open\"></i></div>\n        <div class=\"fa5-demo-icon__class\">mail-open</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-mail-open-file\"></i></div>\n        <div class=\"fa5-demo-icon__class\">mail-open-file</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-magnet\"></i></div>\n        <div class=\"fa5-demo-icon__class\">magnet</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-loop\"></i></div>\n        <div class=\"fa5-demo-icon__class\">loop</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-look\"></i></div>\n        <div class=\"fa5-demo-icon__class\">look</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-lock\"></i></div>\n        <div class=\"fa5-demo-icon__class\">lock</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-lintern\"></i></div>\n        <div class=\"fa5-demo-icon__class\">lintern</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-link\"></i></div>\n        <div class=\"fa5-demo-icon__class\">link</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-like\"></i></div>\n        <div class=\"fa5-demo-icon__class\">like</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-light\"></i></div>\n        <div class=\"fa5-demo-icon__class\">light</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-less\"></i></div>\n        <div class=\"fa5-demo-icon__class\">less</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-keypad\"></i></div>\n        <div class=\"fa5-demo-icon__class\">keypad</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-junk\"></i></div>\n        <div class=\"fa5-demo-icon__class\">junk</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-info\"></i></div>\n        <div class=\"fa5-demo-icon__class\">info</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-home\"></i></div>\n        <div class=\"fa5-demo-icon__class\">home</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-help2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">help2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-help1\"></i></div>\n        <div class=\"fa5-demo-icon__class\">help1</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-graph3\"></i></div>\n        <div class=\"fa5-demo-icon__class\">graph3</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-graph2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">graph2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-graph1\"></i></div>\n        <div class=\"fa5-demo-icon__class\">graph1</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-graph\"></i></div>\n        <div class=\"fa5-demo-icon__class\">graph</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-global\"></i></div>\n        <div class=\"fa5-demo-icon__class\">global</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-gleam\"></i></div>\n        <div class=\"fa5-demo-icon__class\">gleam</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-glasses\"></i></div>\n        <div class=\"fa5-demo-icon__class\">glasses</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-gift\"></i></div>\n        <div class=\"fa5-demo-icon__class\">gift</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-folder\"></i></div>\n        <div class=\"fa5-demo-icon__class\">folder</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-flag\"></i></div>\n        <div class=\"fa5-demo-icon__class\">flag</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-filter\"></i></div>\n        <div class=\"fa5-demo-icon__class\">filter</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-file\"></i></div>\n        <div class=\"fa5-demo-icon__class\">file</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-expand1\"></i></div>\n        <div class=\"fa5-demo-icon__class\">expand1</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-exapnd2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">exapnd2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-edit\"></i></div>\n        <div class=\"fa5-demo-icon__class\">edit</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-drop\"></i></div>\n        <div class=\"fa5-demo-icon__class\">drop</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-drawer\"></i></div>\n        <div class=\"fa5-demo-icon__class\">drawer</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-download\"></i></div>\n        <div class=\"fa5-demo-icon__class\">download</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-display2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">display2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-display1\"></i></div>\n        <div class=\"fa5-demo-icon__class\">display1</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-diskette\"></i></div>\n        <div class=\"fa5-demo-icon__class\">diskette</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-date\"></i></div>\n        <div class=\"fa5-demo-icon__class\">date</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-cup\"></i></div>\n        <div class=\"fa5-demo-icon__class\">cup</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-culture\"></i></div>\n        <div class=\"fa5-demo-icon__class\">culture</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-crop\"></i></div>\n        <div class=\"fa5-demo-icon__class\">crop</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-credit\"></i></div>\n        <div class=\"fa5-demo-icon__class\">credit</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-copy-file\"></i></div>\n        <div class=\"fa5-demo-icon__class\">copy-file</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-config\"></i></div>\n        <div class=\"fa5-demo-icon__class\">config</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-compass\"></i></div>\n        <div class=\"fa5-demo-icon__class\">compass</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-comment\"></i></div>\n        <div class=\"fa5-demo-icon__class\">comment</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-coffee\"></i></div>\n        <div class=\"fa5-demo-icon__class\">coffee</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-cloud\"></i></div>\n        <div class=\"fa5-demo-icon__class\">cloud</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-clock\"></i></div>\n        <div class=\"fa5-demo-icon__class\">clock</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-check\"></i></div>\n        <div class=\"fa5-demo-icon__class\">check</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-chat\"></i></div>\n        <div class=\"fa5-demo-icon__class\">chat</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-cart\"></i></div>\n        <div class=\"fa5-demo-icon__class\">cart</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-camera\"></i></div>\n        <div class=\"fa5-demo-icon__class\">camera</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-call\"></i></div>\n        <div class=\"fa5-demo-icon__class\">call</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-calculator\"></i></div>\n        <div class=\"fa5-demo-icon__class\">calculator</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-browser\"></i></div>\n        <div class=\"fa5-demo-icon__class\">browser</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-box2\"></i></div>\n        <div class=\"fa5-demo-icon__class\">box2</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-box1\"></i></div>\n        <div class=\"fa5-demo-icon__class\">box1</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-bookmarks\"></i></div>\n        <div class=\"fa5-demo-icon__class\">bookmarks</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-bicycle\"></i></div>\n        <div class=\"fa5-demo-icon__class\">bicycle</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-bell\"></i></div>\n        <div class=\"fa5-demo-icon__class\">bell</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-battery\"></i></div>\n        <div class=\"fa5-demo-icon__class\">battery</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-ball\"></i></div>\n        <div class=\"fa5-demo-icon__class\">ball</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-back\"></i></div>\n        <div class=\"fa5-demo-icon__class\">back</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-attention\"></i></div>\n        <div class=\"fa5-demo-icon__class\">attention</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-anchor\"></i></div>\n        <div class=\"fa5-demo-icon__class\">anchor</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-albums\"></i></div>\n        <div class=\"fa5-demo-icon__class\">albums</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-alarm\"></i></div>\n        <div class=\"fa5-demo-icon__class\">alarm</div>\n    </div>\n    <div class=\"fa5-demo-icon\">\n        <div class=\"fa5-demo-icon__preview\"><i class=\"pe pe-7s-airplay\"></i></div>\n        <div class=\"fa5-demo-icon__class\">airplay</div>\n    </div>\n</div>\n\n<script>\nvar search = document.querySelector('#search_icons');\nvar searchShow = document.querySelector('#search-show');\nvar emptySearch = document.querySelector('#search-empty');\n\nfunction doSearch(filter){\n    var filter = filter.value.toLowerCase();\n    var allIcons = document.getElementById('myTable');\n    var all = allIcons.querySelectorAll('.fa5-demo-icon');\n    var contains = allIcons.querySelectorAll('.fa5-demo-icon__preview > i[class*=\"' + filter + '\"]');\n\n    if(filter != \"\") {\n      for (var i = 0; i < all.length; i++) {\n        all[i].style.display = \"none\";\n\t\tall[i].classList.add(\"intro-zoom-in\");\n      };\n      for (var i = 0; i < contains.length; i++) {\n        contains[i].parentElement.parentElement.style.display = \"block\";\n        all[i].classList.add(\"intro-zoom-in\");\n      };\n      if(contains.length == 0){\n        emptySearch.style.display = \"block\";\n        emptySearch.classList.add(\"flippin-effect\");\n        emptySearch.querySelector('strong').innerHTML = search.value;\n      } else {\n        emptySearch.style.display = \"none\";\n      }\n    } else {\n      for (var i = 0; i < all.length; i++) {\n        all[i].style.display = \"block\";\n      };\n      emptySearch.style.display = \"none\";\n\t  //emptySearch.classList.add(\"animated fadeInDown\");\n    }\n}\n</script>\n","class":" ","global_background_type":"none","global_background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_background_position":"50% 50%","global_use_overlay":0,"global_overlay_type":"overlay_none","global_gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"global_pattern_overlay":"","global_overlay_pattern_color":"","blend_mode":"normal","global_user_border":0,"global_border_width":"","global_border_radius":0,"global_margin":{"md":"0px 0px 30px 0px","sm":"0px 0px 20px 0px","xs":"0px 0px 10px 0px"},"global_padding":{"md":"   ","sm":"   ","xs":"   "},"global_boxshadow":"0 0 0 0 #ffffff","global_use_animation":0,"global_animationduration":"300","global_animationdelay":"0","global_custom_css":"#addonId .icons-search {\n  margin-bottom:30px;\n}\n#addonId .icons-search input#search_icons[placeholder] { \n  font-family:'peIcon7','Open Sans', Arial, sans-serif;\";\n}\n#addonId #search-empty {\n  font-size:1.4em;\n  line-height:2;\n  padding:2.1em 1em 2em;\n  border:1px solid rgba(230,0,0,.25);\n  border-radius:4px;\n}\n#addonId #search-empty > i {\n  font-size:190%;\n  padding:0 5px;\n  vertical-align:top;\n  top:10px;\n  color:rgba(220,0,0,.5);\n}\n#addonId #search-empty strong {\n  border:1px solid #ccc;\n  padding:.2em .7em;\n  border-radius:4px;\n  background:white;\n}\n#addonId .fa5-list {\n  width:100%;\n  display:block;\n}\n#addonId .fa5-demo-icon {\n  margin: 0 auto 20px;\n  float:left;\n  width: 14.28571%;\n  padding:5px 9px;\n\tborder-radius:4px;\n}\n#addonId .rtl .fa5-demo-icon {\n  float:right;\n}\n#addonId .fa5-demo-icon .fa5-demo-icon__preview {\n  width: 100%;\n  padding: 1.9rem;\n  text-align:center;\n  background:rgba(190,190,190,.1);\n  border-radius:4px;\n  -webkit-transition: all .35s ease;\n  -moz-transition: all .35s ease;\n  transition: all .35s ease;\n}\n#addonId .fa5-demo-icon .fa5-demo-icon__preview i {\n  vertical-align: middle;\n  font-size: 340%;\n  width: 100%;\n  text-shadow:0 1px 1px #fff;\n  -webkit-transition: all .7s cubic-bezier(0.4,0,0.1,1.2);\n  transition: all .7s cubic-bezier(0.4,0,0.1,1.2);\n  background-position: 50% 50%;\n  -webkit-transform: translateZ(0) scale(1);\n  transform: translateZ(0) scale(1);\n}\n#addonId .fa5-demo-icon .fa5-demo-icon__class {\n  color: #999;\n  display: flex;\n  flex-direction: column;\n  padding: .7em 0 0;\n  width: 100%;\n  clear:both;\n  font-size: 0.9em;\n  line-height:1.2;\n  -webkit-transition: all .3s ease;\n  -moz-transition: all .3s ease;\n  -o-transition: all .3s ease;\n  transition: all .3s ease;\n}\n#addonId .fa5-demo-icon:hover .fa5-demo-icon__preview i {\n  -webkit-transform: translateZ(0) scale(1.2);\n  transform: translateZ(0) scale(1.2);\n  color:#111;\n}\n#addonId .fa5-demo-icon:hover .fa5-demo-icon__preview {\n\tbackground:rgba(50,50,50,.1);\n}\n#addonId .fa5-demo-icon:hover .fa5-demo-icon__class {\n  color: #303030;\n}\n@media (max-width: 992px) {\n  #addonId .fa5-demo-icon {\n    width:20%;\n  }\n}\n@media (max-width: 768px) {\n  #addonId .fa5-demo-icon {\n    width:25%;\n  }\n}\n@media (max-width: 480px) {\n  #addonId .fa5-list {\n    display: flex;\n     flex-wrap: wrap;\n  }\n  #addonId .fa5-demo-icon {\n    width:33.33%;\n  }\n}","global_custom_position":0,"global_seclect_position":"relative","global_addon_position_left":{"unit":"px"},"global_addon_position_top":{"unit":"px"},"use_global_width":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":"","while_scroll_view":[{"enable_while_scroll_view":0,"on_scroll_actions":[{"id":"b3fdc1c1e6bfde5942ea","index":0,"keyframe":0,"name":"move","property":{"x":"0","y":"-100","z":"0"},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"},{"id":"936e0225e6dc8edfba7d","index":1,"keyframe":100,"name":"move","property":{"x":0,"y":0,"z":0},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"}],"transition_origin_x":"center","transition_origin_y":"center","enable_tablet":0,"enable_mobile":0}],"mouse_movement":[{"enable_tilt_effect":0,"mouse_tilt_direction":"direct","mouse_tilt_speed":"1","mouse_tilt_max":"15","enable_tablet":0,"enable_mobile":0}],"instFormId":1580843152782}},{"id":1582290119328,"name":"raw_html","visibility":true,"settings":{"admin_label":"Pixeden sizes (classes)","title":"","heading_selector":"h3","title_fontsize":"","title_lineheight":"","title_letterspace":"0","html":"<p>To increase icon sizes relative to their container, use the <code>pe-lg</code> (33% increase), <code>pe-2x</code>, <code>pe-3x</code>, <code>pe-4x</code>, or <code>pe-5x</code> classes. To align the icon at the middle of a text, use the <code>pe-va</code> class. Here are some examples:</p><br />\n<p>\n&lt;i class=&quot;pe pe-7s-map-marker pe-lg pe-va&quot;&gt;&lt;/i&gt;  <i class=\"pe pe-7s-map-marker pe-lg pe-va\"></i>\n</p>\n<p>\n&lt;i class=&quot;pe pe-7s-map-marker pe-2x pe-va&quot;&gt;&lt;/i&gt;  <i class=\"pe pe-7s-map-marker pe-2x pe-va\"></i>\n</p>\n<p>\n&lt;i class=&quot;pe pe-7s-map-marker pe-3x pe-va&quot;&gt;&lt;/i&gt;  <i class=\"pe pe-7s-map-marker pe-3x pe-va\"></i>\n</p>\n<p>\n&lt;i class=&quot;pe pe-7s-map-marker pe-4x pe-va&quot;&gt;&lt;/i&gt;  <i class=\"pe pe-7s-map-marker pe-4x pe-va\"></i>\n</p>\n<p>\n&lt;i class=&quot;pe pe-7s-map-marker pe-5x pe-va&quot;&gt;&lt;/i&gt; <i class=\"pe pe-7s-map-marker pe-5x pe-va\"></i>\n</p>","class":"","global_background_type":"none","global_background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_background_position":"50% 50%","global_use_overlay":0,"global_overlay_type":"overlay_none","global_gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"global_pattern_overlay":"","global_overlay_pattern_color":"","blend_mode":"normal","global_user_border":0,"global_border_width":"","global_border_radius":0,"global_margin":{"md":"50px 0px 30px 0px","sm":"0px 0px 20px 0px","xs":"0px 0px 10px 0px"},"global_padding":{"md":"10px 10px 10px 10px","sm":"   ","xs":"   "},"global_boxshadow":"0 0 0 0 #ffffff","global_use_animation":0,"global_animationduration":"300","global_animationdelay":"0","global_custom_css":"","global_custom_position":0,"global_seclect_position":"relative","global_addon_position_left":{"unit":"px"},"global_addon_position_top":{"unit":"px"},"use_global_width":"0","hidden_md":"0","hidden_sm":"0","hidden_xs":"0","acl":"","while_scroll_view":[{"enable_while_scroll_view":0,"on_scroll_actions":[{"id":"b3fdc1c1e6bfde5942ea","index":0,"keyframe":0,"name":"move","property":{"x":"0","y":"-100","z":"0"},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"},{"id":"936e0225e6dc8edfba7d","index":1,"keyframe":100,"name":"move","property":{"x":0,"y":0,"z":0},"range":{"max":500,"min":-500,"stop":1},"single":true,"title":"Move"}],"transition_origin_x":"center","transition_origin_y":"center","enable_tablet":0,"enable_mobile":0}],"mouse_movement":[{"enable_tilt_effect":0,"mouse_tilt_direction":"direct","mouse_tilt_speed":"1","mouse_tilt_max":"15","enable_tablet":0,"enable_mobile":0}]}}]}]}]