{"html":"<div class=\"uc_icon_hover_effects\" id=\"{{uc_id}}\">\n        <div class=\"uc_icon_holder\">\n        \t<div class=\"uc_icon_box\" style=\"text-align: {{align}};\">\n\t\t\t\t<a href=\"{{link}}\" {{link_html_attributes|raw}} class=\"{{styles}}\">{{icon_html|raw}}<\/a>\n\t\t\t<\/div>\n        <\/div>\n    <\/div>","css":"#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box a{\n\twidth: {{size}}px;\n    height: {{size}}px;\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box i{\n    font-size: {{icon_size}}px;\n\tline-height: {{size}}px;\n}\n{% if styles == \"effect-1\" %}\n\/*Effect-1*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-1{\n\tcolor: {{icon_color}};\n    background: {{background_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-1:hover{\n\tbackground: {{hover_background_color}};\n    color: {{hover_icon_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-1:before{\n    box-shadow: 0 0 0 4px {{hover_border_color}};\n}\n{% endif %}\n{% if styles == \"effect-2\" %}\n\/*Effect-2*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-2{\n    color: {{icon_color}};\n    box-shadow: 0 0 0 3px {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-2:hover{\n\tcolor: {{hover_icon_color}};\n  \tbox-shadow: 0 0 0 3px {{hover_border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-2:before{\n    background: {{background_color}};\n}\n{% endif %}\n{% if styles == \"effect-3\" %}\n\/*Effect-3*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-3{\n\tcolor: {{icon_color}};\n\tbox-shadow: 0 0 0 4px {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-3:hover{\n\tcolor: {{hover_icon_color}};\n  \tbox-shadow: 0 0 0 3px {{hover_border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-3:before{\n    background: {{background_color}};\n}\n{% endif %}\n{% if styles == \"effect-4\" %}\n\/*Effect-4*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-4{\n    color: {{icon_color}};\n    box-shadow: 0 0 0 4px {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-4:before{\n    border: 4px dashed {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-4:hover{\n\tbox-shadow: 0 0 0 4px {{hover_border_color}};\n    color: {{hover_icon_color}};\n}\n\n{% endif %}\n{% if styles == \"effect-5\" %}\n\/*Effect-5*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-5{\n\tcolor: {{icon_color}};\n\tbox-shadow: 0 0 0 4px {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-5:hover{\n\tbackground: {{hover_background_color}};\n    color: {{hover_icon_color}};\n    box-shadow: 0 0 0 8px {{hover_border_color}};\n}\n{% endif %}\n{% if styles == \"effect-6\" %}\n\/*Effect-6*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-6{\n\tcolor: {{icon_color}};\n\tbox-shadow: 0 0 0 4px {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-6:hover{\n\tbackground: {{hover_background_color}};\n    color: {{hover_icon_color}};\n  \tbox-shadow: 0 0 0 4px {{hover_border_color}};\n}\n{% endif %}\n{% if styles == \"effect-7\" %}\n\/*Effect-7*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-7{\n\tbox-shadow: 0 0 0 4px {{border_color}};\n\tcolor: {{icon_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-7 i{\n\tcolor: {{icon_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-7:hover i{\n\tcolor: {{hover_icon_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-7:hover{\n\tcolor: {{hover_icon_color}};\n  \tbox-shadow: 0 0 0 4px {{hover_border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-7:before{\n\tbox-shadow: 0 0 0 {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-7:hover:before {\n    box-shadow: 3px 3px 0 {{hover_border_color}};\n}\n{% endif %}\n{% if styles == \"effect-8\" %}\n\/*Effect-8*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-8{\n\tcolor: {{icon_color}};\n\tbox-shadow: 0 0 0 4px {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-8 i{\n\tcolor: {{icon_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-8:hover i{\n\tcolor: {{hover_icon_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-8:hover{\n\tcolor: {{hover_icon_color}};\n\tbox-shadow: 0 0 0 4px {{hover_border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-8:before{\n\tbox-shadow: 3px 3px {{hover_border_color}};\n}\n{% endif %}\n{% if styles == \"effect-9\" %}\n\/*Effect-9*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-9{\n\tcolor: {{icon_color}};\n\tbackground: {{background_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-9:hover{\n\tbackground: {{hover_background_color}};\n    color: {{hover_icon_color}};\n}\n\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-9:before{\n    box-shadow: 0 0 0 2px {{hover_border_color}};\n}\n\n\/*sonarEffect*\/\n@-webkit-keyframes sonarEffect {\n\t0% {\n\t\topacity: 0.3;\n\t}\n\t40% {\n\t\topacity: 0.5;\n\t\tbox-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px {{hover_border_color}}, 0 0 0 10px rgba(255,255,255,0.5);\n\t}\n\t100% {\n\t\tbox-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px {{hover_border_color}}, 0 0 0 10px rgba(255,255,255,0.5);\n\t\t-webkit-transform: scale(1.5);\n\t\topacity: 0;\n\t}\n}\n@-moz-keyframes sonarEffect {\n\t0% {\n\t\topacity: 0.3;\n\t}\n\t40% {\n\t\topacity: 0.5;\n\t\tbox-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px {{hover_border_color}}, 0 0 0 10px rgba(255,255,255,0.5);\n\t}\n\t100% {\n\t\tbox-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px {{hover_border_color}}, 0 0 0 10px rgba(255,255,255,0.5);\n\t\t-moz-transform: scale(1.5);\n\t\topacity: 0;\n\t}\n}\n@keyframes sonarEffect {\n\t0% {\n\t\topacity: 0.3;\n\t}\n\t40% {\n\t\topacity: 0.5;\n\t\tbox-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px {{hover_border_color}}, 0 0 0 10px rgba(255,255,255,0.5);\n\t}\n\t100% {\n\t\tbox-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px {{hover_border_color}}, 0 0 0 10px rgba(255,255,255,0.5);\n\t\ttransform: scale(1.5);\n\t\topacity: 0;\n\t}\n}\n\/*sonarEffect*\/\n{% endif %}\n{% if styles == \"effect-10\" %}\n\/*Effect-10*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-10{\n\tcolor: {{icon_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-10:hover{\n\tbox-shadow: 0 0 0 10px {{hover_border_color}};\n    color: {{hover_icon_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-10:before{\n    box-shadow: 0 0 0 3px {{border_color}};\n}\n{% endif %}\n{% if styles == \"effect-11\" %}\n\/*Effect-11*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-11{\n\tcolor: {{icon_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-11:hover{\n\tbox-shadow: 0 0 0 10px {{hover_border_color}};\n    color: {{hover_icon_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-11:before{\n    box-shadow: 0 0 0 3px {{border_color}};\n}\n{% endif %}\n{% if styles == \"effect-12\" %}\n\/*Effect-12*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-12{\n\tcolor: {{icon_color}};\n\tbox-shadow: 0 0 0 4px {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-12:hover{\n\tbackground: {{hover_background_color}};\n    color: {{hover_icon_color}};\n    box-shadow: 0 0 0 8px {{hover_border_color}};\n}\n{% endif %}\n{% if styles == \"effect-13\" %}\n\/*Effect-13*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-13{\n\tcolor: {{icon_color}};\n\tbox-shadow: 0 0 0 4px {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-13:hover{\n\tbackground: {{hover_background_color}};\n    color: {{hover_icon_color}};\n    box-shadow: 0 0 0 8px {{hover_border_color}};\n}\n{% endif %}\n{% if styles == \"effect-14\" %}\n\/*Effect-14*\/\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-14{\n\tcolor: {{icon_color}};\n\tbox-shadow: 0 0 0 4px {{border_color}};\n}\n#{{uc_id}}.uc_icon_hover_effects .uc_icon_holder .uc_icon_box .effect-14:hover{\n\tbackground: {{background_color}};\n    color: {{hover_icon_color}};\n    box-shadow: 0 0 0 8px {{hover_border_color}};\n}\n{% endif %}"}