{"html":"<div class=\"uc_mega_icon_content_box uc_htmlcontent_home ue-box\" id=\"{{uc_id}}\" >\n  <div class=\"uc_htmlcontent_home\"> \n    <a href=\"{{link}}\" {{link_html_attributes|raw}}>\n    <div>\n      <div class=\"uc_item_html\">\n        <div class=\"ue-box-icon\">{{icon_html|raw}}<\/div>\n        <h2 class=\"ue-title\"> {{title|raw}}<\/h2>\n        <p class=\"ue-text\" style=\"padding-bottom:30px;padding-right:30px;\">{{description|raw}}<\/p>\n          <span class=\"arrow\"><i class=\"fa fa-angle-double-right\" style=\"font-size:24px;\"><\/i><\/span>\n      <\/div>\n    <\/div>\n    <\/a> \n  <\/div>\n<\/div>","css":"#{{uc_id}} * {\n\tbox-sizing: border-box;\n\tlist-style: none;\n}\n\n.uc_mega_icon_content_box:before, .uc_mega_icon_content_box:after {\n\tcontent: \" \";\n\tdisplay: table;\n}\n.uc_mega_icon_content_box:after {\n\tclear: both;\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home {\n\tmargin-bottom: 0;\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home {\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home:before, .uc_mega_icon_content_box .uc_htmlcontent_home:after {\n\tcontent: \" \";\n\tdisplay: table;\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home:after {\n\tclear: both;\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home a {\n\tbackground: transparent;\n\tcolor: black;\n\ttext-decoration: none;\n\toverflow: hidden;\n\tdisplay: block;\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home a:hover, .uc_mega_icon_content_box .uc_htmlcontent_home a:focus {\n\tcolor: #777777;\n}\n\n.uc_mega_icon_content_box .uc_htmlcontent_home .uc_item_html {\n\n\tcolor: #fff;\n\tfont-size: 15px;\n\tline-height: 23px;\n\tpadding: 38px 0 43px 26px;\n\tposition: relative;\n\topacity: 1;\n\t-moz-transition: all 0.2s ease;\n\t-o-transition: all 0.2s ease;\n\t-webkit-transition: all 0.2s ease;\n\ttransition: all 0.2s ease;\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home .uc_item_html span.arrow {\n\tfont-size: 30px;\n\tline-height: 60px;\n\twidth: 60px;\n\theight: 60px;\n\tcolor: #fff;\n\tfont-weight: normal;\n\ttext-align: center;\n\tbackground:rgba(0,0,0,0.4);\n\tdisplay: block;\n\tposition: absolute;\n\tright: 0;\n\tbottom: 0;\n}\n\n.uc_mega_icon_content_box .uc_htmlcontent_home .uc_item_html h2 {\n\tcolor: #fff;\n\tfont-size:35px;\n\tmargin: 0 0 8px;\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home .uc_item_html h2 span {\n\tdisplay: block;\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home .uc_item_html p {\n\tmargin: 0 0 10px;\n}\n\n#{{uc_id}} .ue-box-icon\n{\n  line-height:1em;\n}\n\n#{{uc_id}} .ue-box-icon svg\n{\n  width:1em;\n  height:1em;\n}\n\n.uc_mega_icon_content_box .uc_htmlcontent_home a:hover {\n\topacity: 0.7;\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home a:hover .uc_item_html .ue-box-icon {\n\tanimation: 0.4s ease-in-out .1s normal none 1 moveFromBottom;\n\t-webkit-animation: 0.4s ease-in-out .1s normal none 1 moveFromBottom;\n    \n}\n.uc_mega_icon_content_box .uc_htmlcontent_home a:hover .uc_item_html h2 {\n\tanimation: 0.4s ease-in-out .1s normal none 1 moveFromRight;\n\t-webkit-animation: 0.4s ease-in-out .1s normal none 1 moveFromRight;\n}\n.uc_mega_icon_content_box .uc_htmlcontent_home a:hover .uc_item_html p {\n\tanimation: 0.4s ease-in-out .2s normal none 1 moveFromLeft;\n\t-webkit-animation: 0.4s ease-in-out .2s normal none 1 moveFromLeft;\n}\n\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n}\n\n\n\n\n\n\n#{{uc_id}}\n{\n  background-color:{{bg_color}};\n}\n\n#{{uc_id}}:hover\n{\n  background-color:{{bg_hover}};\n}"}