{"id":10519,"date":"2014-09-04T17:36:07","date_gmt":"2014-09-04T17:36:07","guid":{"rendered":"http:\/\/theme-fusion.com\/avadaxml\/?page_id=10519"},"modified":"2014-09-04T17:36:07","modified_gmt":"2014-09-04T17:36:07","slug":"counter-box","status":"publish","type":"page","link":"https:\/\/www.sevenseas-logistics.com\/index.php\/counter-box\/","title":{"rendered":"Counter Box"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-1  fusion-parallax-fixed nonhundred-percent-fullwidth faded-background\" style=\"border-color:#eaeaea;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:40px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-1 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fullwidth-faded\" style=\"background-color:#ffffff;\"><\/div><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><h1 style=\"margin-top: 0px;\">Counter Box Shortcode<\/h1>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px; margin-top: -15px; text-align: left;\">Avada includes multiple animated counter shortcodes, including the counter box shortcode. These are great for displaying varying types of data and content to your viewers. The counter boxes include several options for easy customization and is a great way to visually attract the viewer and display content.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-2  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-2 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-4\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-3 col-md-3 col-sm-3\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"display-counter\" data-value=\"100000\" data-direction=\"up\">0<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Wonderful Users &amp; Counting<\/div><\/div><\/div><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-3 col-md-3 col-sm-3\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"display-counter\" data-value=\"25000\" data-direction=\"up\">0<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Support Threads Resolved<\/div><\/div><\/div><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-3 col-md-3 col-sm-3\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"display-counter\" data-value=\"8000\" data-direction=\"up\">0<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Hours of Development<\/div><\/div><\/div><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-3 col-md-3 col-sm-3\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"display-counter\" data-value=\"11000\" data-direction=\"up\">0<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Cups of Coffee<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-3  fusion-parallax-fixed nonhundred-percent-fullwidth faded-background\" style=\"border-color:#eaeaea;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-3 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fullwidth-faded\" style=\"background-color:#ffffff;\"><\/div><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px; text-align: left;\"><span style=\"color: #333333;\"><strong>Contol Colors<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px; text-align: left;\">Each counter box can have a different color for the text and icon.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-4  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-4 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-half fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><i class=\"counter-box-icon fa fontawesome-icon fa-laptop\" style=\"font-size:50px;\"><\/i><span class=\"display-counter\" data-value=\"90\" data-direction=\"up\">0<\/span><span class=\"unit\">%<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">90% of Designers Use Macintosh<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-half fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><i class=\"counter-box-icon fa fontawesome-icon fa-mobile\" style=\"font-size:50px;\"><\/i><span class=\"display-counter\" data-value=\"75\" data-direction=\"up\">0<\/span><span class=\"unit\">%<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">75% of People Love iPhones<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-5  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-5 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Column Options<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Each counter box instance has an option for selecting column width.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-6  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-6 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"display-counter\" data-value=\"100000\" data-direction=\"up\">0<\/span><span class=\"unit\">+ Users<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Choose From 1-6 Columns For The Counter Boxes<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-7  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-7 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Unit Control<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Each counter box instance can have a different unit and unit position<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-8  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-8 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-third one_third fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"unit\">$<\/span><span class=\"display-counter\" data-value=\"50\" data-direction=\"up\">0<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Use Any Symbol Or Custom Text For The Unit<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-third one_third fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"display-counter\" data-value=\"75\" data-direction=\"up\">0<\/span><span class=\"unit\">%<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Use Any Symbol Or Custom Text For The Unit<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-third one_third fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"display-counter\" data-value=\"15\" data-direction=\"up\">0<\/span><span class=\"unit\"> lbs<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Use Any Symbol Or Custom Text For The Unit<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-9  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-9 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Count Up or Down<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Each counter box can have the animation number start up or down<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-10  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-10 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-half fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"unit\">$<\/span><span class=\"display-counter\" data-value=\"1000\" data-direction=\"up\">0<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Set The Counter To Count Up<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-half fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"unit\">$<\/span><span class=\"display-counter\" data-value=\"1000\" data-direction=\"down\">1000<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Set The Counter To Count Down<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-11  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-11 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Font Awesome Icons<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Each counter box instance can display a font awesome icon with the content.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-12  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-12 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><i class=\"counter-box-icon fa fontawesome-icon fa-flag\" style=\"font-size:50px;\"><\/i><span class=\"display-counter\" data-value=\"400\" data-direction=\"up\">0<\/span><span class=\"unit\">+ Vector Icons<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Use Any of The Font Awesome Icons<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-13  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-13 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Border Control<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Each counter box instance can display a border around the box.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-14  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-14 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-half fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"unit\">$<\/span><span class=\"display-counter\" data-value=\"100\" data-direction=\"up\">0<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">This Counter Box Displays A Border<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-half fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #ffffff;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><span class=\"unit\">$<\/span><span class=\"display-counter\" data-value=\"100\" data-direction=\"up\">0<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">This Counter Box Displays No Border<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-15  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-15 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Size Control<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Easily control the size of the icon, counter value and body text.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-16  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-16 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-third one_third fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #ffffff;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#74badb;font-size:60px;line-height:normal;\"><span class=\"display-counter\" data-value=\"100\" data-direction=\"up\">0<\/span><span class=\"unit\">px<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Adjust The Title Font&#8217;s Size And Color<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-third one_third fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #e0dede;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#67b7e1;font-size:50px;line-height:normal;\"><i class=\"counter-box-icon fa fontawesome-icon fa-expand\" style=\"font-size:65px;\"><\/i><span class=\"display-counter\" data-value=\"10\" data-direction=\"up\">0<\/span><span class=\"unit\">%<\/span><\/div><div class=\"counter-box-content\" style=\"color:#a2cc55;font-size:15px;\">Customize The Icon&#8217;s Size And Body Text<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-third one_third fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-counters-box counters-box row fusion-clearfix fusion-columns-1\"><div class=\"fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"counter-box-container\" style=\"border: 1px solid #d5962c;\"><div class=\"content-box-percentage content-box-counter\" style=\"color:#d5962c;font-size:50px;line-height:normal;\"><i class=\"counter-box-icon fa fontawesome-icon fa-star\" style=\"font-size:50px;\"><\/i><span class=\"unit\">$<\/span><span class=\"display-counter\" data-value=\"25\" data-direction=\"up\">0<\/span><\/div><div class=\"counter-box-content\" style=\"color:#747474;font-size:13px;\">Control The Border Color<\/div><\/div><\/div><\/div><div class=\"clearfix\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-17  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-17 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Complete Set of Options<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Every option and description included with the counter box\u00a0shortcode is listed below.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-18  fusion-parallax-fixed nonhundred-percent-fullwidth fusion-equal-height-columns\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:80px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-18 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-half fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f8f8f8;border:1px solid #eaeaea;padding:30px;\"><ul class=\"fusion-checklist fusion-checklist-1\" style=\"font-size:13px;line-height:22.1px;\"><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>columns<\/strong> &#8211; Can be one of these values: <em>1, 2, 3, 4, 5, <\/em>or<em> 6. <\/em>Sets the number of columns per row.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>color<\/strong> &#8211; Accepts a hexcode <em>( #000000 ).<\/em> Sets the counter&#8217;s value and icon color. Leave blank for Theme Option selection.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>title_size<\/strong> &#8211; Accepts a numerical value that sets the font size of the title text in pixels. For example, <em>50<\/em>.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>icon_size<\/strong> &#8211; Accepts a numerical value that sets the font size of the icon in pixels. For example <em>50<\/em>.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>body_color<\/strong> &#8211; Accepts a hexcode <em>( #000000 ).<\/em> Sets the body font&#8217;s color. Leave blank for Theme Option selection.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>body_size<\/strong> &#8211; Accepts a numerical value that sets the font size of the body text in pixels. For example, <em>20<\/em>.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>border_color<\/strong> &#8211; Accepts a hexcode <em>( #000000 ).<\/em> Sets the border&#8217;s color. Leave blank for Theme Option selection.<\/div><\/li><\/ul><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-half fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f8f8f8;border:1px solid #eaeaea;padding:30px;\"><ul class=\"fusion-checklist fusion-checklist-2\" style=\"font-size:13px;line-height:22.1px;\"><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>value<\/strong> &#8211; The <em>Counter Value. <\/em>Accepts a numerical value to set the value to which the counter will animate. For example, <em>95<\/em>.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>unit<\/strong> &#8211; Accepts an alphanumeric value or symbols to represent a unit of measurement. For example, <em>%<\/em> or <em>cm<\/em>.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>unit_pos<\/strong> &#8211; Can be one of these values: <em>prefix<\/em> to place before the counter, or<em> suffix <\/em>to place after the counter.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>icon<\/strong> &#8211; A <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/\">font awesome<\/a> icon value. For example, <em>fa-glass<\/em>.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>direction<\/strong> &#8211; Can be one of these values: <em>up, <\/em>or<em> down. <\/em>Sets the counter to count up or to count down.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>class<\/strong> &#8211; Add a <em>custom class<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>id<\/strong> &#8211; Add a <em>custom id<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><\/ul><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-19  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 1px;border-top-width: 1px;border-bottom-style: solid;border-top-style: solid;padding-bottom:75px;padding-top:35px;padding-left:40px;padding-right:40px;background-attachment:fixed;background-color:#ffffff;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-ms-filter: &quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&#039;http:\/\/www.sevenseas-logistics.com\/wp-content\/uploads\/2014\/11\/home_slider.jpg&#039;, sizingMethod=&#039;scale&#039;)&quot;;background-image: url(http:\/\/www.sevenseas-logistics.com\/wp-content\/uploads\/2014\/11\/home_slider.jpg);\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-19 {\n                            padding-left: 40px !important;\n                            padding-right: 40px !important;\n                        }<\/style><div class=\"fusion-row\"><h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Join The 100,000+ Satisfied Avada Users!<\/span><\/h1>\n<div class=\"fusion-button-wrapper fusion-aligncenter\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-button.button-1 .fusion-button-text{color:rgba(255,255,255,.8);}.fusion-button.button-1{border-width:2px;border-color:rgba(255,255,255,.8);}.fusion-button.button-1:hover .fusion-button-text,.fusion-button.button-1:focus .fusion-button-text,.fusion-button.button-1:active .fusion-button-text{color:#ffffff;}.fusion-button.button-1:hover,.fusion-button.button-1:focus,.fusion-button.button-1:active{border-width:2px;border-color:#ffffff;}.fusion-button.button-1{background: rgba(255,255,255,.1);}.fusion-button.button-1:hover,.button-1:focus,.fusion-button.button-1:active{background: rgba(255, 255, 255, 0.25);}.fusion-button.button-1{width:auto;}<\/style><a class=\"fusion-button button-flat button-round button-xlarge button-custom button-1 fusion-animated\" data-animationType=\"fadeInUp\" data-animationDuration=\"1\" target=\"_blank\" href=\"http:\/\/themeforest.net\/item\/avada-responsive-multipurpose-theme\/2833226?ref=ThemeFusion\"><span class=\"fusion-button-text\"> BUY AVADA NOW!<\/span><\/a><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-10519","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sevenseas-logistics.com\/index.php\/wp-json\/wp\/v2\/pages\/10519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sevenseas-logistics.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sevenseas-logistics.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sevenseas-logistics.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sevenseas-logistics.com\/index.php\/wp-json\/wp\/v2\/comments?post=10519"}],"version-history":[{"count":0,"href":"https:\/\/www.sevenseas-logistics.com\/index.php\/wp-json\/wp\/v2\/pages\/10519\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.sevenseas-logistics.com\/index.php\/wp-json\/wp\/v2\/media?parent=10519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}