{"id":257,"date":"2016-01-11T07:16:32","date_gmt":"2016-01-11T07:16:32","guid":{"rendered":"http:\/\/scionic.net\/?page_id=257"},"modified":"2016-07-19T10:42:39","modified_gmt":"2016-07-19T08:42:39","slug":"popover-tooltip","status":"publish","type":"page","link":"https:\/\/scionic.net\/?page_id=257","title":{"rendered":"Popover &#038; Tooltip"},"content":{"rendered":"<p><section class=\"kc-elm kc-css-3706973|margin-top: 90px; margin-bottom: 90px; kc_row kc-css-3706973|margin-top: 90px; margin-bottom: 90px; kc-css-3706973|margin-top: 90px; margin-bottom: 90px;\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\"><div class=\"kc-elm kc_row kc_row_inner\"><div class=\"kc-elm kc_col-sm-2 kc_column_inner kc_col-sm-2\"><div class=\"kc_wrapper kc-col-inner-container\"><a class=\"hs_tooltip style1\" href=\"#\" data-tooltip=\"true\" data-position=\"top\"><img alt=\"\" src=\"https:\/\/scionic.net\/wp-content\/uploads\/2016\/01\/icon-22.png\"><h6>Dedicated Support<\/h6>\n\t<span>Lorem ipsum many web sites still in infancy versions have evolved over the years.<\/span>\n<\/a><style>\n\t.hs_tooltip.style1{\n\t\tbackground-color: #f3f3f3;\n\t\tborder-radius: 100%;\n\t\tdisplay: block;\n\t\theight: 120px;\n\t\tmargin: 0 2px;\n\t\toutline: medium none;\n\t\tposition: relative;\n\t\ttext-align: center;\n\t\twidth: 120px;\n\t}\n\t.hs_tooltip.style1 h6{\n\t\tmargin-top: 10px;\n\t}\n\t.hs_tooltip.style1 span{\n\t\tbackground: #f9f9f9 none repeat scroll 0 0;\n\t\tborder: 4px solid #fff;\n\t\tborder-radius: 5px;\n\t\tbottom: 0;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\t\tcolor: #719dab;\n\t\tfont-family: \"Alegreya SC\",Georgia,serif;\n\t\tfont-size: 14px;\n\t\tfont-style: italic;\n\t\tfont-weight: 400;\n\t\theight: auto;\n\t\tleft: 50%;\n\t\tline-height: 21px;\n\t\tmargin-left: 0;\n\t\topacity: 0;\n\t\tpadding: 10px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttext-indent: 0;\n\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n\t\ttransition: all 0.3s ease-in-out 0s;\n\t\twidth: 300px;\n\t\tz-index: 99;\n\t}\n\t<\/style><style>\n\t.hs_tooltip.style1.top span:before, .hs_tooltip.style1.top span:after{\n\t\tborder-left: 10px solid transparent;\n\t\tborder-right: 10px solid transparent;\n\t\tborder-top: 10px solid rgba(0, 0, 0, 0.1);\n\t\tbottom: -15px;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tmargin-left: -9px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n\t.hs_tooltip.style1.top span::after {\n\t\tborder-top: 10px solid #fff;\n\t\tbottom: -14px;\n\t\tmargin-left: -10px;\n\t}\n\t.hs_tooltip.style1.top:hover span{\n\t\topacity: 1;\n\t}\n\t<\/style><\/div><\/div><div class=\"kc-elm kc_col-sm-2 kc_column_inner kc_col-sm-2\"><div class=\"kc_wrapper kc-col-inner-container\"><a class=\"hs_tooltip style1\" href=\"#\" data-tooltip=\"true\" data-position=\"top\"><img alt=\"\" src=\"https:\/\/scionic.net\/wp-content\/uploads\/2016\/01\/icon-7.png\"><h6>Dedicated Support<\/h6>\n\t<span>Lorem ipsum many web sites still in infancy versions have evolved over the years.<\/span>\n<\/a><style>\n\t.hs_tooltip.style1{\n\t\tbackground-color: #f3f3f3;\n\t\tborder-radius: 100%;\n\t\tdisplay: block;\n\t\theight: 120px;\n\t\tmargin: 0 2px;\n\t\toutline: medium none;\n\t\tposition: relative;\n\t\ttext-align: center;\n\t\twidth: 120px;\n\t}\n\t.hs_tooltip.style1 h6{\n\t\tmargin-top: 10px;\n\t}\n\t.hs_tooltip.style1 span{\n\t\tbackground: #f9f9f9 none repeat scroll 0 0;\n\t\tborder: 4px solid #fff;\n\t\tborder-radius: 5px;\n\t\tbottom: 0;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\t\tcolor: #719dab;\n\t\tfont-family: \"Alegreya SC\",Georgia,serif;\n\t\tfont-size: 14px;\n\t\tfont-style: italic;\n\t\tfont-weight: 400;\n\t\theight: auto;\n\t\tleft: 50%;\n\t\tline-height: 21px;\n\t\tmargin-left: 0;\n\t\topacity: 0;\n\t\tpadding: 10px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttext-indent: 0;\n\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n\t\ttransition: all 0.3s ease-in-out 0s;\n\t\twidth: 300px;\n\t\tz-index: 99;\n\t}\n\t<\/style><style>\n\t.hs_tooltip.style1.top span:before, .hs_tooltip.style1.top span:after{\n\t\tborder-left: 10px solid transparent;\n\t\tborder-right: 10px solid transparent;\n\t\tborder-top: 10px solid rgba(0, 0, 0, 0.1);\n\t\tbottom: -15px;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tmargin-left: -9px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n\t.hs_tooltip.style1.top span::after {\n\t\tborder-top: 10px solid #fff;\n\t\tbottom: -14px;\n\t\tmargin-left: -10px;\n\t}\n\t.hs_tooltip.style1.top:hover span{\n\t\topacity: 1;\n\t}\n\t<\/style><\/div><\/div><div class=\"kc-elm kc_col-sm-2 kc_column_inner kc_col-sm-2\"><div class=\"kc_wrapper kc-col-inner-container\"><a class=\"hs_tooltip style1\" href=\"#\" data-tooltip=\"true\" data-position=\"top\"><img alt=\"\" src=\"https:\/\/scionic.net\/wp-content\/uploads\/2016\/01\/icon-19.png\"><h6>Dedicated Support<\/h6>\n\t<span>Lorem ipsum many web sites still in infancy versions have evolved over the years.<\/span>\n<\/a><style>\n\t.hs_tooltip.style1{\n\t\tbackground-color: #f3f3f3;\n\t\tborder-radius: 100%;\n\t\tdisplay: block;\n\t\theight: 120px;\n\t\tmargin: 0 2px;\n\t\toutline: medium none;\n\t\tposition: relative;\n\t\ttext-align: center;\n\t\twidth: 120px;\n\t}\n\t.hs_tooltip.style1 h6{\n\t\tmargin-top: 10px;\n\t}\n\t.hs_tooltip.style1 span{\n\t\tbackground: #f9f9f9 none repeat scroll 0 0;\n\t\tborder: 4px solid #fff;\n\t\tborder-radius: 5px;\n\t\tbottom: 0;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\t\tcolor: #719dab;\n\t\tfont-family: \"Alegreya SC\",Georgia,serif;\n\t\tfont-size: 14px;\n\t\tfont-style: italic;\n\t\tfont-weight: 400;\n\t\theight: auto;\n\t\tleft: 50%;\n\t\tline-height: 21px;\n\t\tmargin-left: 0;\n\t\topacity: 0;\n\t\tpadding: 10px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttext-indent: 0;\n\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n\t\ttransition: all 0.3s ease-in-out 0s;\n\t\twidth: 300px;\n\t\tz-index: 99;\n\t}\n\t<\/style><style>\n\t.hs_tooltip.style1.top span:before, .hs_tooltip.style1.top span:after{\n\t\tborder-left: 10px solid transparent;\n\t\tborder-right: 10px solid transparent;\n\t\tborder-top: 10px solid rgba(0, 0, 0, 0.1);\n\t\tbottom: -15px;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tmargin-left: -9px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n\t.hs_tooltip.style1.top span::after {\n\t\tborder-top: 10px solid #fff;\n\t\tbottom: -14px;\n\t\tmargin-left: -10px;\n\t}\n\t.hs_tooltip.style1.top:hover span{\n\t\topacity: 1;\n\t}\n\t<\/style><\/div><\/div><div class=\"kc-elm kc_col-sm-2 kc_column_inner kc_col-sm-2\"><div class=\"kc_wrapper kc-col-inner-container\"><a class=\"hs_tooltip style1\" href=\"#\" data-tooltip=\"true\" data-position=\"top\"><img alt=\"\" src=\"https:\/\/scionic.net\/wp-content\/uploads\/2016\/01\/icon-16.png\"><h6>Dedicated Support<\/h6>\n\t<span>Lorem ipsum many web sites still in infancy versions have evolved over the years.<\/span>\n<\/a><style>\n\t.hs_tooltip.style1{\n\t\tbackground-color: #f3f3f3;\n\t\tborder-radius: 100%;\n\t\tdisplay: block;\n\t\theight: 120px;\n\t\tmargin: 0 2px;\n\t\toutline: medium none;\n\t\tposition: relative;\n\t\ttext-align: center;\n\t\twidth: 120px;\n\t}\n\t.hs_tooltip.style1 h6{\n\t\tmargin-top: 10px;\n\t}\n\t.hs_tooltip.style1 span{\n\t\tbackground: #f9f9f9 none repeat scroll 0 0;\n\t\tborder: 4px solid #fff;\n\t\tborder-radius: 5px;\n\t\tbottom: 0;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\t\tcolor: #719dab;\n\t\tfont-family: \"Alegreya SC\",Georgia,serif;\n\t\tfont-size: 14px;\n\t\tfont-style: italic;\n\t\tfont-weight: 400;\n\t\theight: auto;\n\t\tleft: 50%;\n\t\tline-height: 21px;\n\t\tmargin-left: 0;\n\t\topacity: 0;\n\t\tpadding: 10px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttext-indent: 0;\n\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n\t\ttransition: all 0.3s ease-in-out 0s;\n\t\twidth: 300px;\n\t\tz-index: 99;\n\t}\n\t<\/style><style>\n\t.hs_tooltip.style1.top span:before, .hs_tooltip.style1.top span:after{\n\t\tborder-left: 10px solid transparent;\n\t\tborder-right: 10px solid transparent;\n\t\tborder-top: 10px solid rgba(0, 0, 0, 0.1);\n\t\tbottom: -15px;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tmargin-left: -9px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n\t.hs_tooltip.style1.top span::after {\n\t\tborder-top: 10px solid #fff;\n\t\tbottom: -14px;\n\t\tmargin-left: -10px;\n\t}\n\t.hs_tooltip.style1.top:hover span{\n\t\topacity: 1;\n\t}\n\t<\/style><\/div><\/div><div class=\"kc-elm kc_col-sm-2 kc_column_inner kc_col-sm-2\"><div class=\"kc_wrapper kc-col-inner-container\"><a class=\"hs_tooltip style1\" href=\"#\" data-tooltip=\"true\" data-position=\"top\"><img alt=\"\" src=\"https:\/\/scionic.net\/wp-content\/uploads\/2016\/01\/icon-17.png\"><h6>Dedicated Support<\/h6>\n\t<span>Lorem ipsum many web sites still in infancy versions have evolved over the years.<\/span>\n<\/a><style>\n\t.hs_tooltip.style1{\n\t\tbackground-color: #f3f3f3;\n\t\tborder-radius: 100%;\n\t\tdisplay: block;\n\t\theight: 120px;\n\t\tmargin: 0 2px;\n\t\toutline: medium none;\n\t\tposition: relative;\n\t\ttext-align: center;\n\t\twidth: 120px;\n\t}\n\t.hs_tooltip.style1 h6{\n\t\tmargin-top: 10px;\n\t}\n\t.hs_tooltip.style1 span{\n\t\tbackground: #f9f9f9 none repeat scroll 0 0;\n\t\tborder: 4px solid #fff;\n\t\tborder-radius: 5px;\n\t\tbottom: 0;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\t\tcolor: #719dab;\n\t\tfont-family: \"Alegreya SC\",Georgia,serif;\n\t\tfont-size: 14px;\n\t\tfont-style: italic;\n\t\tfont-weight: 400;\n\t\theight: auto;\n\t\tleft: 50%;\n\t\tline-height: 21px;\n\t\tmargin-left: 0;\n\t\topacity: 0;\n\t\tpadding: 10px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttext-indent: 0;\n\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n\t\ttransition: all 0.3s ease-in-out 0s;\n\t\twidth: 300px;\n\t\tz-index: 99;\n\t}\n\t<\/style><style>\n\t.hs_tooltip.style1.top span:before, .hs_tooltip.style1.top span:after{\n\t\tborder-left: 10px solid transparent;\n\t\tborder-right: 10px solid transparent;\n\t\tborder-top: 10px solid rgba(0, 0, 0, 0.1);\n\t\tbottom: -15px;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tmargin-left: -9px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n\t.hs_tooltip.style1.top span::after {\n\t\tborder-top: 10px solid #fff;\n\t\tbottom: -14px;\n\t\tmargin-left: -10px;\n\t}\n\t.hs_tooltip.style1.top:hover span{\n\t\topacity: 1;\n\t}\n\t<\/style><\/div><\/div><div class=\"kc-elm kc_col-sm-2 kc_column_inner kc_col-sm-2\"><div class=\"kc_wrapper kc-col-inner-container\"><a class=\"hs_tooltip style1\" href=\"#\" data-tooltip=\"true\" data-position=\"top\"><img alt=\"\" src=\"https:\/\/scionic.net\/wp-content\/uploads\/2016\/01\/icon-25.png\"><h6>Dedicated Support<\/h6>\n\t<span>Lorem ipsum many web sites still in infancy versions have evolved over the years.<\/span>\n<\/a><style>\n\t.hs_tooltip.style1{\n\t\tbackground-color: #f3f3f3;\n\t\tborder-radius: 100%;\n\t\tdisplay: block;\n\t\theight: 120px;\n\t\tmargin: 0 2px;\n\t\toutline: medium none;\n\t\tposition: relative;\n\t\ttext-align: center;\n\t\twidth: 120px;\n\t}\n\t.hs_tooltip.style1 h6{\n\t\tmargin-top: 10px;\n\t}\n\t.hs_tooltip.style1 span{\n\t\tbackground: #f9f9f9 none repeat scroll 0 0;\n\t\tborder: 4px solid #fff;\n\t\tborder-radius: 5px;\n\t\tbottom: 0;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\t\tcolor: #719dab;\n\t\tfont-family: \"Alegreya SC\",Georgia,serif;\n\t\tfont-size: 14px;\n\t\tfont-style: italic;\n\t\tfont-weight: 400;\n\t\theight: auto;\n\t\tleft: 50%;\n\t\tline-height: 21px;\n\t\tmargin-left: 0;\n\t\topacity: 0;\n\t\tpadding: 10px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttext-indent: 0;\n\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n\t\ttransition: all 0.3s ease-in-out 0s;\n\t\twidth: 300px;\n\t\tz-index: 99;\n\t}\n\t<\/style><style>\n\t.hs_tooltip.style1.top span:before, .hs_tooltip.style1.top span:after{\n\t\tborder-left: 10px solid transparent;\n\t\tborder-right: 10px solid transparent;\n\t\tborder-top: 10px solid rgba(0, 0, 0, 0.1);\n\t\tbottom: -15px;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tmargin-left: -9px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n\t.hs_tooltip.style1.top span::after {\n\t\tborder-top: 10px solid #fff;\n\t\tbottom: -14px;\n\t\tmargin-left: -10px;\n\t}\n\t.hs_tooltip.style1.top:hover span{\n\t\topacity: 1;\n\t}\n\t<\/style><\/div><\/div><\/div><div class=\"kc-elm\" style=\"height: 75px; clear: both; width:100%;\"><\/div><div class=\"divider_line10 divider-icon \"><\/div><div class=\"kc-elm kc_row kc_row_inner\"><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth\"><div class=\"kc_wrapper kc-col-inner-container\"><a class=\"hs_tooltip style2 but_large1\" href=\"#\" data-tooltip=\"true\" data-position=\"top\"> Versions 1<span>Lorem ipsum many web sites still in infancy versions have evolved over the years.<\/span> <\/a><style>\n\t.hs_tooltip.style2{\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n\t.hs_tooltip.style2 span{\n\t\tbackground: #f9f9f9 none repeat scroll 0 0;\n\t\tborder: 4px solid #fff;\n\t\tborder-radius: 5px;\n\t\tbottom: 0;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\t\tcolor: #719dab;\n\t\tfont-family: \"Alegreya SC\",Georgia,serif;\n\t\tfont-size: 14px;\n\t\tfont-style: italic;\n\t\tfont-weight: 400;\n\t\theight: auto;\n\t\tleft: 50%;\n\t\tline-height: 21px;\n\t\tmargin-left: 0;\n\t\topacity: 0;\n\t\tpadding: 10px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttext-indent: 0;\n\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n\t\ttransition: all 0.3s ease-in-out 0s;\n\t\twidth: 300px;\n\t\twhite-space: pre-wrap;\n\t\tz-index: 99;\n\t}\n\t<\/style><style>\n\t.hs_tooltip.style2.top span:before, .hs_tooltip.style2.top span:after{\n\t\tborder-left: 10px solid transparent;\n\t\tborder-right: 10px solid transparent;\n\t\tborder-top: 10px solid rgba(0, 0, 0, 0.1);\n\t\tbottom: -15px;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tmargin-left: -9px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n\t.hs_tooltip.style2.top span::after {\n\t\tborder-top: 10px solid #fff;\n\t\tbottom: -14px;\n\t\tmargin-left: -10px;\n\t}\n\t.hs_tooltip.style2.top:hover span{\n\t\topacity: 1;\n\t}\n\t<\/style><\/div><\/div><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth\"><div class=\"kc_wrapper kc-col-inner-container\"><a class=\"hs_tooltip style2 but_large1\" href=\"#\" data-tooltip=\"true\" data-position=\"top\"> Versions 2<span>Lorem ipsum many web sites still in infancy versions have evolved over the years.<\/span> <\/a><style>\n\t.hs_tooltip.style2{\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n\t.hs_tooltip.style2 span{\n\t\tbackground: #f9f9f9 none repeat scroll 0 0;\n\t\tborder: 4px solid #fff;\n\t\tborder-radius: 5px;\n\t\tbottom: 0;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\t\tcolor: #719dab;\n\t\tfont-family: \"Alegreya SC\",Georgia,serif;\n\t\tfont-size: 14px;\n\t\tfont-style: italic;\n\t\tfont-weight: 400;\n\t\theight: auto;\n\t\tleft: 50%;\n\t\tline-height: 21px;\n\t\tmargin-left: 0;\n\t\topacity: 0;\n\t\tpadding: 10px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttext-indent: 0;\n\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n\t\ttransition: all 0.3s ease-in-out 0s;\n\t\twidth: 300px;\n\t\twhite-space: pre-wrap;\n\t\tz-index: 99;\n\t}\n\t<\/style><style>\n\t.hs_tooltip.style2.top span:before, .hs_tooltip.style2.top span:after{\n\t\tborder-left: 10px solid transparent;\n\t\tborder-right: 10px solid transparent;\n\t\tborder-top: 10px solid rgba(0, 0, 0, 0.1);\n\t\tbottom: -15px;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tmargin-left: -9px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n\t.hs_tooltip.style2.top span::after {\n\t\tborder-top: 10px solid #fff;\n\t\tbottom: -14px;\n\t\tmargin-left: -10px;\n\t}\n\t.hs_tooltip.style2.top:hover span{\n\t\topacity: 1;\n\t}\n\t<\/style><\/div><\/div><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth\"><div class=\"kc_wrapper kc-col-inner-container\"><a class=\"hs_tooltip style2 but_large1\" href=\"#\" data-tooltip=\"true\" data-position=\"top\"> Versions 3<span>Lorem ipsum many web sites still in infancy versions have evolved over the years.<\/span> <\/a><style>\n\t.hs_tooltip.style2{\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n\t.hs_tooltip.style2 span{\n\t\tbackground: #f9f9f9 none repeat scroll 0 0;\n\t\tborder: 4px solid #fff;\n\t\tborder-radius: 5px;\n\t\tbottom: 0;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\t\tcolor: #719dab;\n\t\tfont-family: \"Alegreya SC\",Georgia,serif;\n\t\tfont-size: 14px;\n\t\tfont-style: italic;\n\t\tfont-weight: 400;\n\t\theight: auto;\n\t\tleft: 50%;\n\t\tline-height: 21px;\n\t\tmargin-left: 0;\n\t\topacity: 0;\n\t\tpadding: 10px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttext-indent: 0;\n\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n\t\ttransition: all 0.3s ease-in-out 0s;\n\t\twidth: 300px;\n\t\twhite-space: pre-wrap;\n\t\tz-index: 99;\n\t}\n\t<\/style><style>\n\t.hs_tooltip.style2.top span:before, .hs_tooltip.style2.top span:after{\n\t\tborder-left: 10px solid transparent;\n\t\tborder-right: 10px solid transparent;\n\t\tborder-top: 10px solid rgba(0, 0, 0, 0.1);\n\t\tbottom: -15px;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tmargin-left: -9px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n\t.hs_tooltip.style2.top span::after {\n\t\tborder-top: 10px solid #fff;\n\t\tbottom: -14px;\n\t\tmargin-left: -10px;\n\t}\n\t.hs_tooltip.style2.top:hover span{\n\t\topacity: 1;\n\t}\n\t<\/style><\/div><\/div><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth last\"><div class=\"kc_wrapper kc-col-inner-container\"><a class=\"hs_tooltip style2 but_large1\" href=\"#\" data-tooltip=\"true\" data-position=\"top\"> Versions 4<span>Lorem ipsum many web sites still in infancy versions have evolved over the years.<\/span> <\/a><style>\n\t.hs_tooltip.style2{\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n\t.hs_tooltip.style2 span{\n\t\tbackground: #f9f9f9 none repeat scroll 0 0;\n\t\tborder: 4px solid #fff;\n\t\tborder-radius: 5px;\n\t\tbottom: 0;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\t\tcolor: #719dab;\n\t\tfont-family: \"Alegreya SC\",Georgia,serif;\n\t\tfont-size: 14px;\n\t\tfont-style: italic;\n\t\tfont-weight: 400;\n\t\theight: auto;\n\t\tleft: 50%;\n\t\tline-height: 21px;\n\t\tmargin-left: 0;\n\t\topacity: 0;\n\t\tpadding: 10px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttext-indent: 0;\n\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n\t\ttransition: all 0.3s ease-in-out 0s;\n\t\twidth: 300px;\n\t\twhite-space: pre-wrap;\n\t\tz-index: 99;\n\t}\n\t<\/style><style>\n\t.hs_tooltip.style2.top span:before, .hs_tooltip.style2.top span:after{\n\t\tborder-left: 10px solid transparent;\n\t\tborder-right: 10px solid transparent;\n\t\tborder-top: 10px solid rgba(0, 0, 0, 0.1);\n\t\tbottom: -15px;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tmargin-left: -9px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n\t.hs_tooltip.style2.top span::after {\n\t\tborder-top: 10px solid #fff;\n\t\tbottom: -14px;\n\t\tmargin-left: -10px;\n\t}\n\t.hs_tooltip.style2.top:hover span{\n\t\topacity: 1;\n\t}\n\t<\/style><\/div><\/div><\/div><div class=\"divider_line10 divider-icon \"><\/div><div class=\"kc-elm kc-raw-code\"><ul class=\"pop-wrapper4\">\n        \n\t\t<li> <a href=\"#\"><i class=\"fa fa-leaf fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n                \n        <li> <a href=\"#\"><i class=\"fa fa-cloud-download fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-user fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-book fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-bookmark fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-building fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-clock-o fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-cloud-upload fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-comments fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-desktop fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-flag fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-glass fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-magic fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-support fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-fax fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-lightbulb-o fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-heart fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n        \n        <li> <a href=\"#\"><i class=\"fa fa-star fati17\"><\/i> <span>Lorem web sites years.<\/span><\/a><\/li>\n            \n\t<\/ul><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"kc-elm kc_row newsletters feature_newsletters\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc_col-sm-6 kc_column kc_col-sm-6 one_half animated eff-fadeInLeft delay-300ms\"><div class=\"kc-col-container\"><div class=\"kc-elm kc-icon-wrapper\">\n\t\t<i class=\"fa-envelope-o\"><\/i>\n\t<\/div>\n\n<div class=\"kc-elm kc-title-wrap \">\n\n\t<h5 class=\"kc_title white\">Sign up to Receive Newsletters\n        <b>Classical literature discovered the undoubtable source comes from sections.<\/b><\/h5>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-sm-6 kc_column kc_col-sm-6 one_half last animated eff-fadeInRight delay-300ms\"><div class=\"kc-col-container\">\n\t\t<form data-url=\"https:\/\/scionic.net\/wp-admin\/admin-ajax.php?t=1790362080\" class=\"hs_subscribe hs_mailchimp\" method=\"POST\" action=\"\" _lpchecked=\"1\">\n\t\t\t<input class=\"enter_email_input required email\" name=\"highstand_email\" value=\"\" onfocus=\"if( this.value == '') { this.value = ''; }\" onblur=\"if ( this.value == '') { this.value = ''; }\" type=\"text\">\n\t\t\t<input name=\"subscribe\" value=\"Subscribe\" class=\"input_submit \" type=\"submit\">\n\t\t\t<div class=\"highstand_newsletter_status\"><\/div>\n\t\t<\/form>\n\n\t\t<\/div><\/div><\/div><\/div><\/section><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":228,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-full.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/pages\/257"}],"collection":[{"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scionic.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=257"}],"version-history":[{"count":1,"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/pages\/257\/revisions"}],"predecessor-version":[{"id":21651,"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/pages\/257\/revisions\/21651"}],"up":[{"embeddable":true,"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/pages\/228"}],"wp:attachment":[{"href":"https:\/\/scionic.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}