WordPress.org
Get WordPress

Plugin Directory

Changeset 1224053


Ignore:
Timestamp:
08/18/2015 07:50:17 PM (11 years ago)
Author:
octonis
Message:

version 1.0.3

Location:
octonis-page-builder/trunk
Files:
5 added
53 deleted
17 edited

Legend:

Unmodified
Added
Removed

  • octonis-page-builder/trunk/classes/installer.php

    r1218503 r1224053  
    177177        dbOct::query('INSERT INTO @__octo_blocks (oid,cid,label,original_id,params,html,css,img,sort_order,is_base,date_created) VALUES
    178178("0","1","Wood Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzAwMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjIiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0NzoiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvdW5pb24tYmFubmVyL0lNRy5qcGciO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n    <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n         <div class=\"row\">\r\n             <div class=\"octEl octMainText mce-content-body mce-edit-focus\" data-el=\"txt\" id=\"octTxt_33730\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"font-weight: 600; color: rgb(255, 255, 255); font-size: 64pt; font-family: \'fira sans\', Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 64pt; font-family: \'fira sans\', Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\">Amazing website builder</span></p></div>\r\n              <div class=\"octEl\" data-el=\"txt\"><p><span style=\"font-weight: 200; color: rgb(255, 255, 255); font-size: 18pt; font-family: \'fira sans\', Raleway, \'fira sans\', Helvetica, Arial, sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 18pt; font-family: font-weight: 200; \'fira sans\', Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\">No other specialists required! Just you and your website!</span></p></div>\r\n         </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n     {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .row {\r\n padding: 20px;\r\n      position: relative;\r\n}\r\n#{{block.view_id}} p {\r\n  margin: 0;\r\n}\r\n#{{block.view_id}} .octMainText {\r\n    text-align:center;\r\n      margin-top: 20%;\r\n}\r\n#{{block.view_id}} .octEl {\r\n    text-align:center;\r\n}\r\n\r\n\r\n","wood-cover.jpg","0","1","2015-07-06 18:28:18"),
    179 ("0","4","Zoom Plus Banner","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzAwMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjAiO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"row\">\r\n     <div class=\"col col-sm-6 left-col\">\r\n           <div class=\"octEl octElImg\" data-el=\"img\">\r\n              <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-plus-banner/IMG.jpg\" /></div>\r\n         </div>\r\n      </div>\r\n      <div class=\"col col-sm-6 right-col\">\r\n          <div class=\"row row-padtop\">\r\n              <div class=\"octEl octTitle col col-sm-12\" data-el=\"txt\">\r\n                    <p><span style=\"font-weight: 600; color: rgb(51, 51, 51); font-size: 28pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 28pt; font-family: \'fira sans\', sans-serif;\">OCTONIS IS FOR YOU, IF YOU ARE</span></p>\r\n             </div>\r\n          </div>\r\n          <div class=\"row\">\r\n             <div class=\"octEl octElImg col col-sm-12\" data-el=\"img\">\r\n                    <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/assets/simple-yelow-delimiter.jpg\"></div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row row-padtop\">\r\n              <div class=\"col col-sm-12\">\r\n                   <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-wordpress\">\r\n                        <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-wordpress fa-2x octInputShell\"></i>\r\n                 </div>\r\n                  <div class=\"octEl octText sub-title\" data-el=\"txt\">\r\n                     <strong><span style=\"color: rgb(51, 51, 51); font-size: 14pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 14pt; font-family: \'fira sans\', sans-serif;\">WordPress Users</span></strong>\r\n                    </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row\">\r\n             <div class=\"col col-sm-12\">\r\n                   <div class=\"octEl octText\" data-el=\"txt\">\r\n                       <p><span style=\"color: rgb(51, 51, 51); font-size: 11pt; font-family: Arimo, sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 11pt; font-family: Arimo, sans-serif;\">Make your ideas work on the web and don\'t bother about technical issues. Use built-in themes or create your own with our unique and convenient drag-and-drop builder. </span></p>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row row-padtop\">\r\n              <div class=\"col col-sm-12\">\r\n                   <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-code\">\r\n                     <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-code fa-2x octInputShell\"></i>\r\n                  </div>\r\n                  <div class=\"octEl octText sub-title\" data-el=\"txt\">\r\n                     <strong><span style=\"color: rgb(51, 51, 51); font-size: 14pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 14pt; font-family: \'\'fira sans, sans-serif; font-weight: bold;\">Simple and Clean Code</span></strong>\r\n                   </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row row-padtop\">\r\n              <div class=\"col col-sm-12\">\r\n                   <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-phone\">\r\n                        <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-phone fa-2x octInputShell\"></i>\r\n                 </div>\r\n                  <div class=\"octEl octText sub-title\" data-el=\"txt\">\r\n                     <strong><span style=\"color: rgb(51, 51, 51); font-size: 14pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 14pt; font-family: \'fira sans\', sans-serif; font-weight: bold;\">Ultimate Support</span></strong>\r\n                    </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n}\r\n#{{block.view_id}} .container {\r\n     width: 100%;\r\n}\r\n#{{block.view_id}} p {\r\n margin: 0;\r\n}\r\n#{{block.view_id}} .left-col img {\r\n   width: 100%;\r\n}\r\n/*#{{block.view_id}} .octEl.octText,\r\n#{{block.view_id}} .octEl.octTitle {\r\n   margin-top: 40px;\r\n}*/\r\n/*#{{block.view_id}} .octEl.octCol {\r\n    display: block;\r\n     width: 98%;\r\n}*/\r\n/*#{{block.view_id}} .octEl h2 span {\r\n     margin-left: 10px;\r\n}*/\r\n/*#{{block.view_id}} .octEl h2 {\r\n   border-bottom: 1px solid rgba(0, 0, 0, 0.04);\r\n   display: block;\r\n padding-bottom: 20px;\r\n}\r\n#{{block.view_id}} h2:before {\r\n    position: relative;\r\n     top: 4px;\r\n   color: #ffc400;\r\n}*/\r\n#{{block.view_id}} .right-col .octIcon {\r\n  float: left;\r\n    cursor: default;\r\n    font-size: 15px;\r\n}\r\n#{{block.view_id}} .right-col .octIcon .octInputShell {\r\n    font-weight: bold;\r\n}\r\n#{{ block.view_id }} .right-col .octIcon .octInputShell:hover {\r\n  color: #000 !important;\r\n}\r\n#{{block.view_id}} .right-col .sub-title {\r\n  margin-left: 40px;\r\n}\r\n#{{block.view_id}} .row-padtop {\r\n margin-top: 40px;\r\n   margin-bottom: 20px;\r\n}\r\n\r\n","zoom-plus-banner.jpg","0","1","2015-07-06 16:51:26"),
    180 ("0","4","Zoom Banner","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzAwMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjAiO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n   <div class=\"row row-notoppadding\">\r\n        <div class=\"col col-sm-4\">\r\n            <div class=\"octEl octElImg\" data-el=\"img\">\r\n              <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-baner/iphone-img.png\" /></div>\r\n            </div>\r\n      </div>\r\n      <div class=\"col col-sm-8\">\r\n            <div class=\"row row-notoppadding\">\r\n                <div class=\"col col-sm-12\">\r\n                   <div class=\"octEl octTitle\" data-el=\"txt\">\r\n                      <p><span style=\"font-weight: 600; color: rgb(51, 51, 51); font-size: 28pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 28pt; font-family: Oswald, sans-serif;\">RESPONSIVE & MOBILE READY</span></p>\r\n                 </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row row-notoppadding\">\r\n                <div class=\"col col-sm-12\">\r\n                   <div class=\"octEl octElImg\" data-el=\"img\">\r\n                      <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/assets/simple-yelow-delimiter.jpg\"></div>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row\">\r\n             <div class=\"col col-sm-12\">\r\n                   <div class=\"octEl octText\" data-el=\"txt\">\r\n                       <p><span style=\"color: rgb(51, 51, 51); font-size: 13pt; font-family: Arimo, sans-serif;\" data-mce-style=\"font-weight: 200; color: #ffffff; font-size: 13pt; font-family: \'fira sans\', sans-serif;\">it is far beyond than just templates. Combine and customize the blocks to create your own unique website. Octonis will completely change your opinion on website development...to the better! Octonis will help you to create your website for any purpose whether you are a small business, startup or just need a promo page for your project. You can either choose a stunning built-in theme or create the one in your own style. Octonis has a solution for everyone!</span></p>\r\n                 </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row right-footer\">\r\n                <div class=\"col col-sm-4\">\r\n                    <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-flask\">\r\n                        <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-flask fa-2x octInputShell\"></i>\r\n                 </div>\r\n                  <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                     <span style=\"font-weight: 600; color: rgb(51, 51, 51); font-size: 16pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 16pt; font-family: \'fira sans\', sans-serif; font-weight: bold;\">Create</span>\r\n                 </div>\r\n                  <div class=\"octEl\" data-el=\"txt\">\r\n                       <p><span style=\"color: rgb(51, 51, 51); font-size: 12pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 12pt; font-family: \'fira sans\', sans-serif;\">Make your ideas work on the web and don\'t bother about technical issues.</span></p>\r\n                    </div>\r\n              </div>\r\n              <div class=\"col col-sm-4\">\r\n                    <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-wordpress\">\r\n                        <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-wordpress fa-2x octInputShell\"></i>\r\n                 </div>\r\n                  <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                     <span style=\"font-weight: 600; color: rgb(51, 51, 51); font-size: 16pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 16pt; font-family: \'fira sans\', sans-serif; font-weight: bold;\">WordPress</span>\r\n                  </div>\r\n                  <div class=\"octEl\" data-el=\"txt\">\r\n                       <p><span style=\"color: rgb(51, 51, 51); font-size: 12pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 12pt; font-family: \'fira sans\', sans-serif;\">Make your ideas work on the web and don\'t bother about technical issues.</span></p>\r\n                    </div>\r\n              </div>\r\n              <div class=\"col col-sm-4\">\r\n                    <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-cog\">\r\n                      <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-cog fa-2x octInputShell\"></i>\r\n                   </div>\r\n                  <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                     <span style=\"font-weight: 600; color: rgb(51, 51, 51); font-size: 16pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 16pt; font-family: \'fira sans\', sans-serif; font-weight: bold;\">Themes</span>\r\n                 </div>  \r\n                    <div class=\"octEl\" data-el=\"txt\">\r\n                       <p><span style=\"color: rgb(51, 51, 51); font-size: 12pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 12pt; font-family: \'fira sans\', sans-serif;\">Make your ideas work on the web and don\'t bother about technical issues.</span></p>\r\n                    </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .row {\r\n  padding: 20px;\r\n}\r\n#{{block.view_id}} .row-notoppadding {\r\n   padding-top: 0;\r\n     padding-bottom: 0;\r\n}\r\n/*#{{block.view_id}} .octActBtn {\r\n    text-align: center;\r\n     border: 3px solid rgba(255, 255, 255, 0.3);\r\n     vertical-align: middle;\r\n     border-radius: 40px;\r\n}*/\r\n#{{block.view_id}} p {\r\n   margin: 0;\r\n}\r\n/*#{{block.view_id}} .octActBtn a {\r\n  color: inherit !important;\r\n      text-decoration: none !important;\r\n}*/\r\n/*#{{block.view_id}} .col-sm-1 {\r\n  width: 40%;\r\n}\r\n#{{block.view_id}} .col-sm-2 {\r\n  width: 60%;\r\n  text-align: left;\r\n}*/\r\n/*#{{block.view_id}} .octEl.octText {\r\n    margin-top: 60px;\r\n}\r\n#{{block.view_id}} .octEl.octCol {\r\n    display: inline-block;\r\n      width: 30%;\r\n     margin-left: 2%;\r\n}*/\r\n/*#{{block.view_id}} .octEl.octCol h2 span {\r\n     margin-left: 10px;\r\n}\r\n#{{block.view_id}} .octEl.octCol h2:before {\r\n     position: relative;\r\n     top: 4px;\r\n   color: #ffc400;\r\n}*/\r\n#{{block.view_id}} .right-footer .octIcon {\r\n   float: left;\r\n    cursor: default;\r\n    font-size: 15px;\r\n}\r\n#{{block.view_id}} .right-footer .octIcon .octInputShell {\r\n font-weight: bold;\r\n}\r\n#{{ block.view_id }} .right-footer .octIcon .octInputShell:hover {\r\n   color: #000 !important;\r\n}\r\n#{{block.view_id}} .right-footer .sub-title {\r\n   margin-left: 40px;\r\n}\r\n\r\n","zoom-banner.jpg","0","1","2015-07-06 15:20:34"),
    181 ("0","6","Shopify Menu","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjMwOiJhbGlnbnxmaWxsX2NvbG9yfGFkZF9tZW51X2l0ZW0iO31zOjU6ImFsaWduIjthOjE6e3M6MzoidmFsIjtzOjY6ImNlbnRlciI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO31zOjEwOiJmaWxsX2NvbG9yIjthOjE6e3M6MzoidmFsIjtzOjc6IiNmZmZmZmYiO31zOjE4OiJmaWxsX2NvbG9yX29wYWNpdHkiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6MzUzOiI8ZGl2IGNsYXNzPVwib2N0TWVudUl0ZW0gb2N0RWxcIiBkYXRhLWVsPVwibWVudV9pdGVtXCI+DQogICAgICAgICAgPHA+PHNwYW4gZGF0YS1tY2Utc3R5bGU9XCJmb250LXNpemU6IDE0cHQ7IGNvbG9yOiAjMzMzMzMzOyBmb250LWZhbWlseTogUFQgU2FucztcIiBzdHlsZT1cImZvbnQtc2l6ZTogMTRwdDsgY29sb3I6IHJnYig1MSwgNTEsIDUxKTsgZm9udC1mYW1pbHk6IFBUIFNhbnM7XCI+PGEgZGF0YS1tY2UtaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCIgaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCI+SG9tZTwvYT48L3NwYW4+PGJyIGRhdGEtbWNlLWJvZ3VzPVwiMVwiPjwvcD4NCiAgICAgIDwvZGl2PiI7fX0=","<div class=\"container\">\r\n   <div class=\"octEl octElImg\" data-el=\"img\">\r\n      <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/light-menu/logo_lightmenu.svg\"></div>\r\n  </div>\r\n  <div class=\"row octMenuMain\">\r\n         <div class=\"octMenuItem octEl\" data-el=\"menu_item\"><p><span style=\"font-size: 18pt; color: rgb(51, 51, 51); font-family: serif;\" data-mce-style=\"font-size: 18pt; color: #333333; font-family: serif;\"><a href=\"http://supsystic.com\" target=\"_blank\" data-mce-href=\"http://supsystic.com\">Home</a></span></p></div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\"><p><span style=\"font-size: 18pt; color: rgb(51, 51, 51); font-family: serif;\" data-mce-style=\"font-size: 18pt; color: #333333; font-family: serif;\"><a href=\"http://supsystic.com\" target=\"_blank\" data-mce-href=\"http://supsystic.com\">About</a></span></p></div>\r\n     <div class=\"octMenuItem octEl\" data-el=\"menu_item\"><p><span style=\"font-size: 18pt; color: rgb(51, 51, 51); font-family: serif;\" data-mce-style=\"font-size: 18pt; color: #333333; font-family: serif;\"><a href=\"http://supsystic.com\" data-mce-href=\"http://supsystic.com\">Collection</a></span></p></div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\"><p><span style=\"font-size: 18pt; color: rgb(51, 51, 51); font-family: serif;\" data-mce-style=\"font-size: 18pt; color: #333333; font-family: serif;\"><a href=\"http://supsystic.com\" data-mce-href=\"http://supsystic.com\">Blog</a></span></p></div>\r\n    </div>\r\n</div>","#{{block.view_id}} p {\r\n   margin: 0;\r\n}\r\n#{{block.view_id}} .row {\r\n    padding: 15px 0;\r\n}\r\n#{{block.view_id}} .octMenuItem {\r\n  display: inline-block;\r\n      padding: 4px 10px;\r\n      margin-left: 40px;\r\n      vertical-align: middle;\r\n}\r\n#{{block.view_id}} .octMenuItem a {\r\n color: inherit;\r\n     text-decoration: none !important;\r\n}\r\n#{{block.view_id}} .octElImg {\r\n    display: block;\r\n     text-align: center;\r\n     padding: 40px 0px;\r\n      border-bottom: 1px solid rgba(0, 0, 0, 0.13);\r\n}\r\n#{{block.view_id}} .octMenuItem:hover {\r\n   border: 1px solid red;\r\n      padding: 2px 8px;\r\n}\r\n#{{block.view_id}} .octMenuMain {\r\n text-align: center;\r\n}","shopify-menu.jpg","0","1","2015-07-03 17:11:44"),
     179("0","4","Zoom Plus Banner","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzAwMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjAiO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"row\">\r\n     <div class=\"col col-sm-6 left-col\">\r\n           <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-plus-banner/IMG.jpg\" /></div>\r\n          </div>\r\n      </div>\r\n      <div class=\"col col-sm-6 right-col\">\r\n          <div class=\"row row-padtop\">\r\n              <div class=\"octEl octTitle col col-sm-12\" data-el=\"txt\">\r\n                    <p><span style=\"font-weight: 600; color: rgb(51, 51, 51); font-size: 28pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 28pt; font-family: \'fira sans\', sans-serif;\">OCTONIS IS FOR YOU, IF YOU ARE</span></p>\r\n             </div>\r\n          </div>\r\n          <div class=\"row\">\r\n             <div class=\"octEl octElImg octElWithArea col col-sm-12\" data-el=\"img\">\r\n                  <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/assets/simple-yelow-delimiter.jpg\"></div>\r\n               </div>\r\n          </div>\r\n          <div class=\"row row-padtop\">\r\n              <div class=\"col col-sm-12\">\r\n                   <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-wordpress\">\r\n                        <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-wordpress fa-2x octInputShell\"></i>\r\n                 </div>\r\n                  <div class=\"octEl octText sub-title\" data-el=\"txt\">\r\n                     <strong><span style=\"color: rgb(51, 51, 51); font-size: 14pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 14pt; font-family: \'fira sans\', sans-serif;\">WordPress Users</span></strong>\r\n                    </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row\">\r\n             <div class=\"col col-sm-12\">\r\n                   <div class=\"octEl octText\" data-el=\"txt\">\r\n                       <p><span style=\"color: rgb(51, 51, 51); font-size: 11pt; font-family: Arimo, sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 11pt; font-family: Arimo, sans-serif;\">Make your ideas work on the web and don\'t bother about technical issues. Use built-in themes or create your own with our unique and convenient drag-and-drop builder. </span></p>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row row-padtop\">\r\n              <div class=\"col col-sm-12\">\r\n                   <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-code\">\r\n                     <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-code fa-2x octInputShell\"></i>\r\n                  </div>\r\n                  <div class=\"octEl octText sub-title\" data-el=\"txt\">\r\n                     <strong><span style=\"color: rgb(51, 51, 51); font-size: 14pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 14pt; font-family: \'\'fira sans, sans-serif; font-weight: bold;\">Simple and Clean Code</span></strong>\r\n                   </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row row-padtop\">\r\n              <div class=\"col col-sm-12\">\r\n                   <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-phone\">\r\n                        <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-phone fa-2x octInputShell\"></i>\r\n                 </div>\r\n                  <div class=\"octEl octText sub-title\" data-el=\"txt\">\r\n                     <strong><span style=\"color: rgb(51, 51, 51); font-size: 14pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 14pt; font-family: \'fira sans\', sans-serif; font-weight: bold;\">Ultimate Support</span></strong>\r\n                    </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n}\r\n#{{block.view_id}} .container {\r\n     width: 100%;\r\n}\r\n#{{block.view_id}} p {\r\n margin: 0;\r\n}\r\n#{{block.view_id}} .left-col img {\r\n   width: 100%;\r\n}\r\n/*#{{block.view_id}} .octEl.octText,\r\n#{{block.view_id}} .octEl.octTitle {\r\n   margin-top: 40px;\r\n}*/\r\n/*#{{block.view_id}} .octEl.octCol {\r\n    display: block;\r\n     width: 98%;\r\n}*/\r\n/*#{{block.view_id}} .octEl h2 span {\r\n     margin-left: 10px;\r\n}*/\r\n/*#{{block.view_id}} .octEl h2 {\r\n   border-bottom: 1px solid rgba(0, 0, 0, 0.04);\r\n   display: block;\r\n padding-bottom: 20px;\r\n}\r\n#{{block.view_id}} h2:before {\r\n    position: relative;\r\n     top: 4px;\r\n   color: #ffc400;\r\n}*/\r\n#{{block.view_id}} .right-col .octIcon {\r\n  float: left;\r\n    cursor: default;\r\n    font-size: 15px;\r\n}\r\n#{{block.view_id}} .right-col .octIcon .octInputShell {\r\n    font-weight: bold;\r\n}\r\n#{{ block.view_id }} .right-col .octIcon .octInputShell:hover {\r\n  color: #000 !important;\r\n}\r\n#{{block.view_id}} .right-col .sub-title {\r\n  margin-left: 40px;\r\n}\r\n#{{block.view_id}} .row-padtop {\r\n margin-top: 40px;\r\n   margin-bottom: 20px;\r\n}\r\n\r\n","zoom-plus-banner.jpg","0","1","2015-07-06 16:51:26"),
     180("0","4","Zoom Banner","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzAwMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjAiO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n   <div class=\"row row-notoppadding\">\r\n        <div class=\"col col-sm-4\">\r\n            <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-baner/iphone-img.png\" /></div>\r\n         </div>\r\n      </div>\r\n      <div class=\"col col-sm-8\">\r\n            <div class=\"row row-notoppadding\">\r\n                <div class=\"col col-sm-12\">\r\n                   <div class=\"octEl octTitle\" data-el=\"txt\">\r\n                      <p><span style=\"font-weight: 600; color: rgb(51, 51, 51); font-size: 28pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 28pt; font-family: Oswald, sans-serif;\">RESPONSIVE & MOBILE READY</span></p>\r\n                 </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row row-notoppadding\">\r\n                <div class=\"col col-sm-12\">\r\n                   <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                        <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/assets/simple-yelow-delimiter.jpg\"></div>\r\n                   </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row\">\r\n             <div class=\"col col-sm-12\">\r\n                   <div class=\"octEl octText\" data-el=\"txt\">\r\n                       <p><span style=\"color: rgb(51, 51, 51); font-size: 13pt; font-family: Arimo, sans-serif;\" data-mce-style=\"font-weight: 200; color: #ffffff; font-size: 13pt; font-family: \'fira sans\', sans-serif;\">it is far beyond than just templates. Combine and customize the blocks to create your own unique website. Octonis will completely change your opinion on website development...to the better! Octonis will help you to create your website for any purpose whether you are a small business, startup or just need a promo page for your project. You can either choose a stunning built-in theme or create the one in your own style. Octonis has a solution for everyone!</span></p>\r\n                 </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row right-footer\">\r\n                <div class=\"col col-sm-4\">\r\n                    <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-flask\">\r\n                        <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-flask fa-2x octInputShell\"></i>\r\n                 </div>\r\n                  <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                     <span style=\"font-weight: 600; color: rgb(51, 51, 51); font-size: 16pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 16pt; font-family: \'fira sans\', sans-serif; font-weight: bold;\">Create</span>\r\n                 </div>\r\n                  <div class=\"octEl\" data-el=\"txt\">\r\n                       <p><span style=\"color: rgb(51, 51, 51); font-size: 12pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 12pt; font-family: \'fira sans\', sans-serif;\">Make your ideas work on the web and don\'t bother about technical issues.</span></p>\r\n                    </div>\r\n              </div>\r\n              <div class=\"col col-sm-4\">\r\n                    <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-wordpress\">\r\n                        <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-wordpress fa-2x octInputShell\"></i>\r\n                 </div>\r\n                  <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                     <span style=\"font-weight: 600; color: rgb(51, 51, 51); font-size: 16pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 16pt; font-family: \'fira sans\', sans-serif; font-weight: bold;\">WordPress</span>\r\n                  </div>\r\n                  <div class=\"octEl\" data-el=\"txt\">\r\n                       <p><span style=\"color: rgb(51, 51, 51); font-size: 12pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 12pt; font-family: \'fira sans\', sans-serif;\">Make your ideas work on the web and don\'t bother about technical issues.</span></p>\r\n                    </div>\r\n              </div>\r\n              <div class=\"col col-sm-4\">\r\n                    <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-cog\">\r\n                      <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-cog fa-2x octInputShell\"></i>\r\n                   </div>\r\n                  <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                     <span style=\"font-weight: 600; color: rgb(51, 51, 51); font-size: 16pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 16pt; font-family: \'fira sans\', sans-serif; font-weight: bold;\">Themes</span>\r\n                 </div>  \r\n                    <div class=\"octEl\" data-el=\"txt\">\r\n                       <p><span style=\"color: rgb(51, 51, 51); font-size: 12pt; font-family: \'fira sans\', sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 12pt; font-family: \'fira sans\', sans-serif;\">Make your ideas work on the web and don\'t bother about technical issues.</span></p>\r\n                    </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .row {\r\n  padding: 20px;\r\n}\r\n#{{block.view_id}} .row-notoppadding {\r\n   padding-top: 0;\r\n     padding-bottom: 0;\r\n}\r\n/*#{{block.view_id}} .octActBtn {\r\n    text-align: center;\r\n     border: 3px solid rgba(255, 255, 255, 0.3);\r\n     vertical-align: middle;\r\n     border-radius: 40px;\r\n}*/\r\n#{{block.view_id}} p {\r\n   margin: 0;\r\n}\r\n/*#{{block.view_id}} .octActBtn a {\r\n  color: inherit !important;\r\n      text-decoration: none !important;\r\n}*/\r\n/*#{{block.view_id}} .col-sm-1 {\r\n  width: 40%;\r\n}\r\n#{{block.view_id}} .col-sm-2 {\r\n  width: 60%;\r\n  text-align: left;\r\n}*/\r\n/*#{{block.view_id}} .octEl.octText {\r\n    margin-top: 60px;\r\n}\r\n#{{block.view_id}} .octEl.octCol {\r\n    display: inline-block;\r\n      width: 30%;\r\n     margin-left: 2%;\r\n}*/\r\n/*#{{block.view_id}} .octEl.octCol h2 span {\r\n     margin-left: 10px;\r\n}\r\n#{{block.view_id}} .octEl.octCol h2:before {\r\n     position: relative;\r\n     top: 4px;\r\n   color: #ffc400;\r\n}*/\r\n#{{block.view_id}} .right-footer .octIcon {\r\n   float: left;\r\n    cursor: default;\r\n    font-size: 15px;\r\n}\r\n#{{block.view_id}} .right-footer .octIcon .octInputShell {\r\n font-weight: bold;\r\n}\r\n#{{ block.view_id }} .right-footer .octIcon .octInputShell:hover {\r\n   color: #000 !important;\r\n}\r\n#{{block.view_id}} .right-footer .sub-title {\r\n   margin-left: 40px;\r\n}\r\n\r\n","zoom-banner.jpg","0","1","2015-07-06 15:20:34"),
     181("0","6","Shopify Menu","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjMwOiJhbGlnbnxmaWxsX2NvbG9yfGFkZF9tZW51X2l0ZW0iO31zOjU6ImFsaWduIjthOjE6e3M6MzoidmFsIjtzOjY6ImNlbnRlciI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO31zOjEwOiJmaWxsX2NvbG9yIjthOjE6e3M6MzoidmFsIjtzOjc6IiNmZmZmZmYiO31zOjE4OiJmaWxsX2NvbG9yX29wYWNpdHkiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6MzUzOiI8ZGl2IGNsYXNzPVwib2N0TWVudUl0ZW0gb2N0RWxcIiBkYXRhLWVsPVwibWVudV9pdGVtXCI+DQogICAgICAgICAgPHA+PHNwYW4gZGF0YS1tY2Utc3R5bGU9XCJmb250LXNpemU6IDE0cHQ7IGNvbG9yOiAjMzMzMzMzOyBmb250LWZhbWlseTogUFQgU2FucztcIiBzdHlsZT1cImZvbnQtc2l6ZTogMTRwdDsgY29sb3I6IHJnYig1MSwgNTEsIDUxKTsgZm9udC1mYW1pbHk6IFBUIFNhbnM7XCI+PGEgZGF0YS1tY2UtaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCIgaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCI+SG9tZTwvYT48L3NwYW4+PGJyIGRhdGEtbWNlLWJvZ3VzPVwiMVwiPjwvcD4NCiAgICAgIDwvZGl2PiI7fX0=","<div class=\"container\">\r\n   <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n        <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/light-menu/logo_lightmenu.svg\"></div>\r\n   </div>\r\n  <div class=\"row octMenuMain\">\r\n         <div class=\"octMenuItem octEl\" data-el=\"menu_item\"><p><span style=\"font-size: 18pt; color: rgb(51, 51, 51); font-family: serif;\" data-mce-style=\"font-size: 18pt; color: #333333; font-family: serif;\"><a href=\"http://supsystic.com\" target=\"_blank\" data-mce-href=\"http://supsystic.com\">Home</a></span></p></div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\"><p><span style=\"font-size: 18pt; color: rgb(51, 51, 51); font-family: serif;\" data-mce-style=\"font-size: 18pt; color: #333333; font-family: serif;\"><a href=\"http://supsystic.com\" target=\"_blank\" data-mce-href=\"http://supsystic.com\">About</a></span></p></div>\r\n     <div class=\"octMenuItem octEl\" data-el=\"menu_item\"><p><span style=\"font-size: 18pt; color: rgb(51, 51, 51); font-family: serif;\" data-mce-style=\"font-size: 18pt; color: #333333; font-family: serif;\"><a href=\"http://supsystic.com\" data-mce-href=\"http://supsystic.com\">Collection</a></span></p></div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\"><p><span style=\"font-size: 18pt; color: rgb(51, 51, 51); font-family: serif;\" data-mce-style=\"font-size: 18pt; color: #333333; font-family: serif;\"><a href=\"http://supsystic.com\" data-mce-href=\"http://supsystic.com\">Blog</a></span></p></div>\r\n    </div>\r\n</div>","#{{block.view_id}} p {\r\n   margin: 0;\r\n}\r\n#{{block.view_id}} .row {\r\n    padding: 15px 0;\r\n}\r\n#{{block.view_id}} .octMenuItem {\r\n  display: inline-block;\r\n      padding: 4px 10px;\r\n      margin-left: 40px;\r\n      vertical-align: middle;\r\n}\r\n#{{block.view_id}} .octMenuItem a {\r\n color: inherit;\r\n     text-decoration: none !important;\r\n}\r\n#{{block.view_id}} .octElImg {\r\n    display: block;\r\n     text-align: center;\r\n     padding: 40px 0px;\r\n      border-bottom: 1px solid rgba(0, 0, 0, 0.13);\r\n}\r\n#{{block.view_id}} .octMenuItem:hover {\r\n   border: 1px solid red;\r\n      padding: 2px 8px;\r\n}\r\n#{{block.view_id}} .octMenuMain {\r\n text-align: center;\r\n}","shopify-menu.jpg","0","1","2015-07-03 17:11:44"),
    182182("0","6","Limits Menu","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjMwOiJhbGlnbnxmaWxsX2NvbG9yfGFkZF9tZW51X2l0ZW0iO31zOjU6ImFsaWduIjthOjE6e3M6MzoidmFsIjtzOjY6ImNlbnRlciI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO31zOjEwOiJmaWxsX2NvbG9yIjthOjE6e3M6MzoidmFsIjtzOjQ6IiMwMDAiO31zOjE4OiJmaWxsX2NvbG9yX29wYWNpdHkiO2E6MTp7czozOiJ2YWwiO3M6NDoiMC45MiI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6MzUzOiI8ZGl2IGNsYXNzPVwib2N0TWVudUl0ZW0gb2N0RWxcIiBkYXRhLWVsPVwibWVudV9pdGVtXCI+DQogICAgICAgICAgPHA+PHNwYW4gZGF0YS1tY2Utc3R5bGU9XCJmb250LXNpemU6IDE0cHQ7IGNvbG9yOiAjMzMzMzMzOyBmb250LWZhbWlseTogUFQgU2FucztcIiBzdHlsZT1cImZvbnQtc2l6ZTogMTRwdDsgY29sb3I6IHJnYig1MSwgNTEsIDUxKTsgZm9udC1mYW1pbHk6IFBUIFNhbnM7XCI+PGEgZGF0YS1tY2UtaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCIgaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCI+SG9tZTwvYT48L3NwYW4+PGJyIGRhdGEtbWNlLWJvZ3VzPVwiMVwiPjwvcD4NCiAgICAgIDwvZGl2PiI7fX0=","<div class=\"container\">\r\n    <div class=\"row octMenuMain\">\r\n         <div class=\"octMenuItem octEl first\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 12pt; color: #333333; font-family: Raleway;\" style=\"font-size: 12pt; color: rgb(51, 51, 51); font-family: Raleway;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Home</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 12pt; color: #333333; font-family: Raleway;\" style=\"font-size: 12pt; color: rgb(51, 51, 51); font-family: Raleway;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">About</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 12pt; color: #333333; font-family: Raleway;\" style=\"font-size: 12pt; color: rgb(51, 51, 51); font-family: Raleway;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Contact</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 12pt; color: #333333; font-family: Raleway;\" style=\"font-size: 12pt; color: rgb(51, 51, 51); font-family: Raleway;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Portfolio</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 12pt; color: #333333; font-family: Raleway;\" style=\"font-size: 12pt; color: rgb(51, 51, 51); font-family: Raleway;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Categories</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      </div>\r\n</div>","#{{block.view_id}} p {\r\n   margin: 0;\r\n}\r\n#{{block.view_id}} .row {\r\n    padding: 15px 0;\r\n}\r\n#{{block.view_id}} .octMenuItem {\r\n  display: inline-block;\r\n      margin-left: 24px;\r\n      vertical-align: middle;\r\n     padding: 4px 20px;\r\n}\r\n#{{block.view_id}} .octMenuItem.first,\r\n#{{block.view_id}} .octMenuItem:hover {\r\n    -moz-box-shadow:    inset 0 0 2px #ffffff;\r\n   -webkit-box-shadow: inset 0 0 2px #ffffff;\r\n   box-shadow:         inset 0 0 2px #ffffff;\r\n}\r\n\r\n#{{block.view_id}} .octMenuItem a {\r\n    color: white;\r\n   text-decoration: none !important;\r\n}\r\n/*#{{block.view_id}} .octMenuMain {\r\n   background: rgba(0, 0, 0, 0.92);\r\n    border-top: 1px solid rgb(121, 121, 121);\r\n   border-bottom: 1px solid rgb(121, 121, 121);\r\n}*/","limits-menu.jpg","0","1","2015-07-03 17:41:38"),
    183 ("0","6","Light Menu","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjMwOiJhbGlnbnxmaWxsX2NvbG9yfGFkZF9tZW51X2l0ZW0iO31zOjU6ImFsaWduIjthOjE6e3M6MzoidmFsIjtzOjY6ImNlbnRlciI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO31zOjEwOiJmaWxsX2NvbG9yIjthOjE6e3M6MzoidmFsIjtzOjc6IiNmZmZmZmYiO31zOjE4OiJmaWxsX2NvbG9yX29wYWNpdHkiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6MzUzOiI8ZGl2IGNsYXNzPVwib2N0TWVudUl0ZW0gb2N0RWxcIiBkYXRhLWVsPVwibWVudV9pdGVtXCI+DQogICAgICAgICAgPHA+PHNwYW4gZGF0YS1tY2Utc3R5bGU9XCJmb250LXNpemU6IDE0cHQ7IGNvbG9yOiAjMzMzMzMzOyBmb250LWZhbWlseTogUFQgU2FucztcIiBzdHlsZT1cImZvbnQtc2l6ZTogMTRwdDsgY29sb3I6IHJnYig1MSwgNTEsIDUxKTsgZm9udC1mYW1pbHk6IFBUIFNhbnM7XCI+PGEgZGF0YS1tY2UtaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCIgaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCI+SG9tZTwvYT48L3NwYW4+PGJyIGRhdGEtbWNlLWJvZ3VzPVwiMVwiPjwvcD4NCiAgICAgIDwvZGl2PiI7fX0=","<div class=\"container\">\r\n <div class=\"row octMenuMain\">\r\n         <div class=\"octEl octElImg\" data-el=\"menu_item_img\">\r\n            <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/light-menu/logo.svg\" /></div>\r\n          </div>\r\n          <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Home</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">About</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Services</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Blog</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Shop</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Pages</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      </div>\r\n</div>","#{{block.view_id}} p {\r\n   margin: 0;\r\n}\r\n#{{block.view_id}} .row {\r\n    padding: 15px 0;\r\n}\r\n#{{block.view_id}} .octMenuMain {\r\n  padding: 10px;\r\n}\r\n#{{block.view_id}} .octMenuItem {\r\n    display: inline-block;\r\n      margin-left: 30px;\r\n      vertical-align: middle;\r\n     padding: 30px 0px;\r\n  margin-top: 30px;\r\n}\r\n#{{block.view_id}} .octMenuItem a {\r\n   color: inherit;\r\n     text-decoration: none !important;\r\n}\r\n#{{block.view_id}} .octElImg {\r\n    margin-right: 18%;\r\n      width: 100px;\r\n}","light-menu.jpg","0","1","2015-07-03 18:14:26"),
     183("0","6","Light Menu","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjMwOiJhbGlnbnxmaWxsX2NvbG9yfGFkZF9tZW51X2l0ZW0iO31zOjU6ImFsaWduIjthOjE6e3M6MzoidmFsIjtzOjY6ImNlbnRlciI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO31zOjEwOiJmaWxsX2NvbG9yIjthOjE6e3M6MzoidmFsIjtzOjc6IiNmZmZmZmYiO31zOjE4OiJmaWxsX2NvbG9yX29wYWNpdHkiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6MzUzOiI8ZGl2IGNsYXNzPVwib2N0TWVudUl0ZW0gb2N0RWxcIiBkYXRhLWVsPVwibWVudV9pdGVtXCI+DQogICAgICAgICAgPHA+PHNwYW4gZGF0YS1tY2Utc3R5bGU9XCJmb250LXNpemU6IDE0cHQ7IGNvbG9yOiAjMzMzMzMzOyBmb250LWZhbWlseTogUFQgU2FucztcIiBzdHlsZT1cImZvbnQtc2l6ZTogMTRwdDsgY29sb3I6IHJnYig1MSwgNTEsIDUxKTsgZm9udC1mYW1pbHk6IFBUIFNhbnM7XCI+PGEgZGF0YS1tY2UtaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCIgaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCI+SG9tZTwvYT48L3NwYW4+PGJyIGRhdGEtbWNlLWJvZ3VzPVwiMVwiPjwvcD4NCiAgICAgIDwvZGl2PiI7fX0=","<div class=\"container\">\r\n <div class=\"row octMenuMain\">\r\n         <div class=\"octEl octElImg octElWithArea\" data-el=\"menu_item_img\">\r\n              <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/light-menu/logo.svg\" /></div>\r\n       </div>\r\n          <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Home</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">About</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Services</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Blog</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Shop</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\">Pages</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      </div>\r\n</div>","#{{block.view_id}} p {\r\n   margin: 0;\r\n}\r\n#{{block.view_id}} .row {\r\n    padding: 15px 0;\r\n}\r\n#{{block.view_id}} .octMenuMain {\r\n  padding: 10px;\r\n}\r\n#{{block.view_id}} .octMenuItem {\r\n    display: inline-block;\r\n      margin-left: 30px;\r\n      vertical-align: middle;\r\n     padding: 30px 0px;\r\n  margin-top: 30px;\r\n}\r\n#{{block.view_id}} .octMenuItem a {\r\n   color: inherit;\r\n     text-decoration: none !important;\r\n}\r\n#{{block.view_id}} .octElImg {\r\n    margin-right: 18%;\r\n      width: 100px;\r\n}","light-menu.jpg","0","1","2015-07-03 18:14:26"),
    184184("0","4","Shopify Banner","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzAwMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjIiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0OToiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvc2hvcGlmeS1iYW5uZXIvSU1HLmpwZyI7fXM6MTA6ImJnX2ltZ19lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fX0=","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"row\">\r\n       <div class=\"octEl octMainText mce-content-body\" data-el=\"txt\" id=\"octTxt_33730\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"color: rgb(255, 255, 255); font-size: 64pt; font-family: \'book antiqua\', palatino, serif;\" data-mce-style=\"color: #ffffff; font-size: 64pt; font-family: \'book antiqua\', palatino, serif;\">Welcome to Octonis</span></p></div>\r\n   <div class=\"octEl mce-content-body mce-edit-focus\" data-el=\"txt\" id=\"octTxt_12668\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"color: rgb(243, 243, 243); font-size: 18pt; font-family: serif;\" data-mce-style=\"color: #f3f3f3; font-size: 18pt; font-family: serif;\">Simple WordPress page builder plugin with many free features that allows you to build your amazing products in a moment</span></p></div>\r\n     \r\n    <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor=\"rgb(205, 205, 205)\" data-customhover-clb=\"_hoverChangeBgColor\" data-bgcolor-to=\"border\" style=\"border-color: rgb(205, 205, 205);\">\r\n              <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">ABOUT</a>\r\n         </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .row {\r\n  padding: 20px;\r\n      position: relative;\r\n}\r\n#{{block.view_id}} .octActBtn {\r\n text-align: center;\r\n border: 2px solid rgb(205, 205, 205);\r\n   vertical-align: middle;\r\n padding: 10px 20px;\r\n     margin: 80px auto;\r\n      width: 20%;\r\n     display: block;\r\n}\r\n/*#{{block.view_id}} .octActBtn:hover {\r\n background: rgba(205, 205, 205, 1);\r\n}*/\r\n#{{block.view_id}} p {\r\n    margin: 0;\r\n}\r\n#{{block.view_id}} .octActBtn a {\r\n    color: #ffffff; \r\n    font-size: 13pt; \r\n   font-family: PT Sans;\r\n   text-decoration: none !important;\r\n}\r\n#{{block.view_id}} .octMainText {\r\n text-align:center;\r\n      margin-top: 20%;\r\n}\r\n#{{block.view_id}} .octEl {\r\n    text-align:center;\r\n}\r\n\r\n\r\n","shopify-banner.jpg","0","1","2015-07-03 18:43:07"),
    185 ("0","9","Zomm Grid","0","YTo5OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjM3OiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZ3xhZGRfZ3JpZF9pdGVtIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO31zOjE0OiJmaWxsX2NvbG9yX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMDoiZmlsbF9jb2xvciI7YToxOntzOjM6InZhbCI7czo3OiIjZmZmZmZmIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjAuNiI7fXM6NjoiYmdfaW1nIjthOjE6e3M6MzoidmFsIjtzOjQ0OiJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy96b29tLWdyaWQvSU1HLmpwZyI7fXM6MTA6ImJnX2ltZ19lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTI6Im1heF9yb3dfY29scyI7YToxOntzOjM6InZhbCI7czoxOiIzIjt9czoxMzoibmV3X2l0ZW1faHRtbCI7YToxOntzOjM6InZhbCI7czoxMzIzOiI8ZGl2IGNsYXNzPVwib2N0R3JpZEVsZW1lbnQgY29sIGNvbC1zbS00IG9jdEVsIG9jdEVsV2l0aEFyZWFcIiBkYXRhLWVsPVwiZ3JpZF9jb2xcIiBkYXRhLWNvbG9yPVwicmdiYSgyNTUsIDk3LCAxOTUsIDAuNClcIiBkYXRhLWVuYi1jb2xvcj1cIjBcIiBkYXRhLWVuYi1iZy1pbWc9XCIwXCIgZGF0YS1iZy1pbWc9XCJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy91bmlvbi1ncmlkL3RhbGwxLmpwZ1wiPg0KCQkJCQk8ZGl2IGNsYXNzPVwib2N0R3JpZEVsZW1lbnRDb250ZW50IG9jdEVsQXJlYVwiPg0KICAgICAgICAgICAgICAgICAgICAgIAk8ZGl2IGNsYXNzPVwib2N0RWxPdmVybGF5XCI+PC9kaXY+DQoJCQkJCQk8ZGl2IGNsYXNzPVwib2N0SWNvbiBvY3RFbCBvY3RFbElucHV0XCIgZGF0YS1lbD1cImljb25cIiBkYXRhLWNvbG9yPVwicmdiKDI1NSwgMTk2LCAwKVwiIGRhdGEtaWNvbj1cImZhLWJhci1jaGFydFwiPg0KCQkJCQkJCTxpIHN0eWxlPVwiY29sb3I6IHJnYigyNTUsIDE5NiwgMClcIiBjbGFzcz1cImZhIGZhLWJhci1jaGFydCBmYS0yeCBvY3RJbnB1dFNoZWxsXCI+PC9pPg0KCQkJCQkJPC9kaXY+DQoJCQkJCQk8ZGl2IGNsYXNzPVwib2N0RWwgc3ViLXRpdGxlXCIgZGF0YS1lbD1cInR4dFwiPg0KCQkJCQkJCTxzdHJvbmc+PHNwYW4gc3R5bGU9XCJjb2xvcjogcmdiKDUxLCA1MSwgNTEpOyBmb250LWZhbWlseTogXCdib29rIGFudGlxdWFcJywgc2Fucy1zZXJpZjsgZm9udC1zaXplOiAyNHB0O1wiIG1jZS1kYXRhLW1hcmtlZD1cIjFcIiBkYXRhLW1jZS1zdHlsZT1cImNvbG9yOiAjMDAwMDAwOyBmb250LWZhbWlseTogXCdib29rIGFudGlxdWFcJywgc2Fucy1zZXJpZjsgZm9udC1zaXplOiAyNHB0O1wiPkJvb3RzdHJhcCAzLng8L3NwYW4+PC9zdHJvbmc+DQoJCQkJCQk8L2Rpdj4NCgkJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbFwiIGRhdGEtZWw9XCJ0eHRcIj4NCgkJCQkJCQk8c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMTJwdDsgZm9udC1mYW1pbHk6IGFyaWFsLCBoZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XCIgZGF0YS1tY2Utc3R5bGU9XCJmb250LXNpemU6IDEycHQ7IGZvbnQtZmFtaWx5OiBhcmlhbCwgaGVsdmV0aWNhLCBzYW5zLXNlcmlmO1wiPjxzdHJvbmc+PHNwYW4gc3R5bGU9XCJjb2xvcjogcmdiKDUxLCA1MSwgNTEpO1wiPlRoZSBzdGFuZGFyZCBjaHVuayBvZiBMb3JlbSBJcHN1bSB1c2VkIHNpbmNlIHRoZSAxNTAwcyBpcyByZXByb2R1Y2VkIGJlbG93IGZvciB0aG9zZSBpbnRlcmVzdGUuPC9zcGFuPjwvc3Ryb25nPjwvc3Bhbj4NCgkJCQkJCTwvZGl2Pg0KCQkJCQk8L2Rpdj4NCgkJCQk8L2Rpdj4iO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n <div class=\"octContent\">\r\n          <div class=\"octContentShell\">\r\n         <div class=\"octEl title\" data-el=\"txt\">\r\n             <p><span style=\"color: rgb(51, 51, 51); font-size: 36pt; font-family: raleway, palatino, serif;\" data-mce-style=\"color: #ffffff; font-size: 36pt; font-family: raleway, palatino, serif;\"><strong><span style=\"line-height: normal; text-align: left; white-space: pre-wrap;\">Awesome Features</span></strong></span><br></p>\r\n         </div>\r\n              <div class=\"octEl octElImg\" data-el=\"img\">\r\n          <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/assets/simple-yelow-delimiter.jpg\"></div></div>\r\n            <div class=\"row\">\r\n             <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-bar-chart\">\r\n                            <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-bar-chart fa-2x octInputShell\"></i>\r\n                     </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Bootstrap 3.x</span></strong>\r\n                      </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-car\">\r\n                          <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-car fa-2x octInputShell\"></i>\r\n                       </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Responsive</span></strong>\r\n                     </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-html5\">\r\n                            <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-html5 fa-2x octInputShell\"></i>\r\n                     </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">HTML 5</span></strong>\r\n                     </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-css3\">\r\n                         <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-css3 fa-2x octInputShell\"></i>\r\n                      </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">CSS 3</span></strong>\r\n                      </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-laptop\">\r\n                           <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-laptop fa-2x octInputShell\"></i>\r\n                        </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Great Animations</span></strong>\r\n                       </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-shopping-cart\">\r\n                            <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-shopping-cart fa-2x octInputShell\"></i>\r\n                     </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Shopping Cart</span></strong>\r\n                      </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octContent * {\r\n text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octContentShell {\r\n   left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octBody,\r\n#{{block.view_id}}.octAlign_right .octBody {\r\n   margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octContent * {\r\n  text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octContentShell {\r\n  width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octContent {\r\n   text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .row .col {\r\n   margin-top: 80px;\r\n}\r\n#{{ block.view_id }} .row .col .octIcon {\r\n     margin: 10px 0 0 20px;\r\n      float: left;\r\n    cursor: default;\r\n}\r\n#{{ block.view_id }} .row .col .octIcon .octInputShell:hover {\r\n color: #000 !important;\r\n}\r\n#{{block.view_id}} .sub-title {\r\n margin-left: 50px;\r\n    margin-right: 40px;\r\n}\r\n\r\n","zoom-grid.jpg","0","1","2015-07-02 16:28:45"),
     185("0","9","Zomm Grid","0","YTo5OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjM3OiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZ3xhZGRfZ3JpZF9pdGVtIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO31zOjE0OiJmaWxsX2NvbG9yX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMDoiZmlsbF9jb2xvciI7YToxOntzOjM6InZhbCI7czo3OiIjZmZmZmZmIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjAuNiI7fXM6NjoiYmdfaW1nIjthOjE6e3M6MzoidmFsIjtzOjQ0OiJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy96b29tLWdyaWQvSU1HLmpwZyI7fXM6MTA6ImJnX2ltZ19lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTI6Im1heF9yb3dfY29scyI7YToxOntzOjM6InZhbCI7czoxOiIzIjt9czoxMzoibmV3X2l0ZW1faHRtbCI7YToxOntzOjM6InZhbCI7czoxMzIzOiI8ZGl2IGNsYXNzPVwib2N0R3JpZEVsZW1lbnQgY29sIGNvbC1zbS00IG9jdEVsIG9jdEVsV2l0aEFyZWFcIiBkYXRhLWVsPVwiZ3JpZF9jb2xcIiBkYXRhLWNvbG9yPVwicmdiYSgyNTUsIDk3LCAxOTUsIDAuNClcIiBkYXRhLWVuYi1jb2xvcj1cIjBcIiBkYXRhLWVuYi1iZy1pbWc9XCIwXCIgZGF0YS1iZy1pbWc9XCJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy91bmlvbi1ncmlkL3RhbGwxLmpwZ1wiPg0KCQkJCQk8ZGl2IGNsYXNzPVwib2N0R3JpZEVsZW1lbnRDb250ZW50IG9jdEVsQXJlYVwiPg0KICAgICAgICAgICAgICAgICAgICAgIAk8ZGl2IGNsYXNzPVwib2N0RWxPdmVybGF5XCI+PC9kaXY+DQoJCQkJCQk8ZGl2IGNsYXNzPVwib2N0SWNvbiBvY3RFbCBvY3RFbElucHV0XCIgZGF0YS1lbD1cImljb25cIiBkYXRhLWNvbG9yPVwicmdiKDI1NSwgMTk2LCAwKVwiIGRhdGEtaWNvbj1cImZhLWJhci1jaGFydFwiPg0KCQkJCQkJCTxpIHN0eWxlPVwiY29sb3I6IHJnYigyNTUsIDE5NiwgMClcIiBjbGFzcz1cImZhIGZhLWJhci1jaGFydCBmYS0yeCBvY3RJbnB1dFNoZWxsXCI+PC9pPg0KCQkJCQkJPC9kaXY+DQoJCQkJCQk8ZGl2IGNsYXNzPVwib2N0RWwgc3ViLXRpdGxlXCIgZGF0YS1lbD1cInR4dFwiPg0KCQkJCQkJCTxzdHJvbmc+PHNwYW4gc3R5bGU9XCJjb2xvcjogcmdiKDUxLCA1MSwgNTEpOyBmb250LWZhbWlseTogXCdib29rIGFudGlxdWFcJywgc2Fucy1zZXJpZjsgZm9udC1zaXplOiAyNHB0O1wiIG1jZS1kYXRhLW1hcmtlZD1cIjFcIiBkYXRhLW1jZS1zdHlsZT1cImNvbG9yOiAjMDAwMDAwOyBmb250LWZhbWlseTogXCdib29rIGFudGlxdWFcJywgc2Fucy1zZXJpZjsgZm9udC1zaXplOiAyNHB0O1wiPkJvb3RzdHJhcCAzLng8L3NwYW4+PC9zdHJvbmc+DQoJCQkJCQk8L2Rpdj4NCgkJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbFwiIGRhdGEtZWw9XCJ0eHRcIj4NCgkJCQkJCQk8c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMTJwdDsgZm9udC1mYW1pbHk6IGFyaWFsLCBoZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XCIgZGF0YS1tY2Utc3R5bGU9XCJmb250LXNpemU6IDEycHQ7IGZvbnQtZmFtaWx5OiBhcmlhbCwgaGVsdmV0aWNhLCBzYW5zLXNlcmlmO1wiPjxzdHJvbmc+PHNwYW4gc3R5bGU9XCJjb2xvcjogcmdiKDUxLCA1MSwgNTEpO1wiPlRoZSBzdGFuZGFyZCBjaHVuayBvZiBMb3JlbSBJcHN1bSB1c2VkIHNpbmNlIHRoZSAxNTAwcyBpcyByZXByb2R1Y2VkIGJlbG93IGZvciB0aG9zZSBpbnRlcmVzdGUuPC9zcGFuPjwvc3Ryb25nPjwvc3Bhbj4NCgkJCQkJCTwvZGl2Pg0KCQkJCQk8L2Rpdj4NCgkJCQk8L2Rpdj4iO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n <div class=\"octContent\">\r\n          <div class=\"octContentShell\">\r\n         <div class=\"octEl title\" data-el=\"txt\">\r\n             <p><span style=\"color: rgb(51, 51, 51); font-size: 36pt; font-family: raleway, palatino, serif;\" data-mce-style=\"color: #ffffff; font-size: 36pt; font-family: raleway, palatino, serif;\"><strong><span style=\"line-height: normal; text-align: left; white-space: pre-wrap;\">Awesome Features</span></strong></span><br></p>\r\n         </div>\r\n              <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n            <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/assets/simple-yelow-delimiter.jpg\"></div></div>\r\n         <div class=\"row\">\r\n             <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-bar-chart\">\r\n                            <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-bar-chart fa-2x octInputShell\"></i>\r\n                     </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Bootstrap 3.x</span></strong>\r\n                      </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-car\">\r\n                          <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-car fa-2x octInputShell\"></i>\r\n                       </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Responsive</span></strong>\r\n                     </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-html5\">\r\n                            <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-html5 fa-2x octInputShell\"></i>\r\n                     </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">HTML 5</span></strong>\r\n                     </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-css3\">\r\n                         <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-css3 fa-2x octInputShell\"></i>\r\n                      </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">CSS 3</span></strong>\r\n                      </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-laptop\">\r\n                           <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-laptop fa-2x octInputShell\"></i>\r\n                        </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Great Animations</span></strong>\r\n                       </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octIcon octEl octElInput\" data-el=\"icon\" data-color=\"rgb(255, 196, 0)\" data-icon=\"fa-shopping-cart\">\r\n                            <i style=\"color: rgb(255, 196, 0)\" class=\"fa fa-shopping-cart fa-2x octInputShell\"></i>\r\n                     </div>\r\n                      <div class=\"octEl sub-title\" data-el=\"txt\">\r\n                         <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Shopping Cart</span></strong>\r\n                      </div>\r\n                      <div class=\"octEl\" data-el=\"txt\">\r\n                           <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                       </div>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octContent * {\r\n text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octContentShell {\r\n   left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octBody,\r\n#{{block.view_id}}.octAlign_right .octBody {\r\n   margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octContent * {\r\n  text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octContentShell {\r\n  width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octContent {\r\n   text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .row .col {\r\n   margin-top: 80px;\r\n}\r\n#{{ block.view_id }} .row .col .octIcon {\r\n     margin: 10px 0 0 20px;\r\n      float: left;\r\n    cursor: default;\r\n}\r\n#{{ block.view_id }} .row .col .octIcon .octInputShell:hover {\r\n color: #000 !important;\r\n}\r\n#{{block.view_id}} .sub-title {\r\n margin-left: 50px;\r\n    margin-right: 40px;\r\n}\r\n\r\n","zoom-grid.jpg","0","1","2015-07-02 16:28:45"),
    186186("0","1","Union Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzQ0NDQ0NCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjMiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0NjoiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvdW5pb24tY292ZXIvSU1HLmpwZyI7fXM6MTA6ImJnX2ltZ19lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fX0=","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n   <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n             <div class=\"octEl mce-content-body\" data-el=\"txt\" id=\"octTxt_18971\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"color: rgb(255, 255, 255); font-family: lato; font-size: 72pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #ffffff; font-family: lato; font-size: 72pt; line-height: normal; text-align: left; white-space: pre-wrap;\">SPEED & POWER</span><br></p></div>\r\n          <div class=\"octEl text mce-content-body\" data-el=\"txt\" id=\"octTxt_58275\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"color: rgb(255, 255, 255); font-family: serif; font-size: 14pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #ffffff; font-family: serif; font-size: 14pt; line-height: normal; text-align: left; white-space: pre-wrap;\">August 6th - Flinders Ranges, Victoria</span><br></p></div>\r\n    </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: #000; /*set from params*/\r\n     opacity: 0.4;   /*set from params*/\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n  position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n  text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .octCoverFooter {\r\n max-width: 100%;\r\n}\r\n#{{ block.view_id }} .octCoverFooter .octFooterElement {\r\n   margin: 50px 5% 0;\r\n  width: 20%;\r\n     display: inline-block;\r\n}\r\n\r\n#{{block.view_id}} .octEl.text {\r\n  width: 50%;\r\n  margin: 0 auto;\r\n}\r\n","union-cover.jpg","0","1","2015-07-02 12:34:07"),
    187 ("0","9","Union Grid","0","YTo5OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjM3OiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZ3xhZGRfZ3JpZF9pdGVtIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO31zOjE0OiJmaWxsX2NvbG9yX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIwIjt9czoxMDoiZmlsbF9jb2xvciI7YToxOntzOjM6InZhbCI7czo0OiIjZmZmIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjAuNCI7fXM6NjoiYmdfaW1nIjthOjE6e3M6MzoidmFsIjtzOjUxOiJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy91bmlvbi1jb3Zlci9JTUdfNjg5Ny5qcGciO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO31zOjEyOiJtYXhfcm93X2NvbHMiO2E6MTp7czozOiJ2YWwiO3M6MToiMiI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6MTE3MjoiPGRpdiBjbGFzcz1cIm9jdEdyaWRFbGVtZW50IGNvbCBjb2wtc20tNiBvY3RFbCBvY3RFbFdpdGhBcmVhXCIgZGF0YS1lbD1cImdyaWRfY29sXCIgZGF0YS1jb2xvcj1cInJnYmEoMjU1LCA5NywgMTk1LCAwLjQpXCIgZGF0YS1lbmItY29sb3I9XCIwXCIgZGF0YS1lbmItYmctaW1nPVwiMFwiIGRhdGEtYmctaW1nPVwiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvdW5pb24tZ3JpZC90YWxsMS5qcGdcIj4NCgkJCQk8ZGl2IGNsYXNzPVwib2N0R3JpZEVsZW1lbnRDb250ZW50IG9jdEVsQXJlYVwiPg0KCQkJCQk8ZGl2IGNsYXNzPVwib2N0RWxPdmVybGF5XCI+PC9kaXY+DQoJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbCBvY3RFbEltZ1wiIGRhdGEtZWw9XCJpbWdcIj4NCgkJCQkJCTxkaXYgY2xhc3M9XCJvY3RHYWxJdGVtSW1nU2hlbGxcIj48aW1nIHNyYz1cIltPQ1RfQVNTRVRTX1VSTF1pbWcvYmxvY2tzL3VuaW9uLWdyaWQvdGFsbDEuanBnXCI+PC9kaXY+DQoJCQkJCTwvZGl2Pg0KCQkJCQk8ZGl2IGNsYXNzPVwib2N0RWwgdGV4dFwiIGRhdGEtZWw9XCJ0eHRcIj48cD48c3BhbiBzdHlsZT1cImNvbG9yOiByZ2IoMCwgMCwgMCk7IGZvbnQtZmFtaWx5OiBcJ1BsYXlmYWlyIERpc3BsYXkgU0NcJzsgZm9udC1zaXplOiAxOHB0OyBsaW5lLWhlaWdodDogbm9ybWFsOyB0ZXh0LWFsaWduOiBsZWZ0OyB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XCIgZGF0YS1tY2Utc3R5bGU9XCJjb2xvcjogIzAwMDAwMDsgZm9udC1mYW1pbHk6IFwnUGxheWZhaXIgRGlzcGxheSBTQ1wnOyBmb250LXNpemU6IDE4cHQ7IGxpbmUtaGVpZ2h0OiBub3JtYWw7IHRleHQtYWxpZ246IGxlZnQ7IHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcIj5Nb3JiaSBpbiBkaWN0dW0gbGVvPC9zcGFuPjxicj48L3A+PC9kaXY+DQoJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbCB0ZXh0XCIgZGF0YS1lbD1cInR4dFwiPjxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LCBzZWQgZG8gdXNtb2QgdGVtcG9yIGluY2lkaWR1bnQgdXQgbGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEgdXQgZW5pbSBhZCBtaW5pbSB2ZW5pYW0gZG9sb3JlIG1hZ25hIGFsaXF1YSB1dCBlbmltIGFkIG1pbmltIHZlbmlhbS48L3A+PC9kaXY+DQoJCQkJPC9kaXY+DQoJCQk8L2Rpdj4iO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n    <div class=\"octContent\">\r\n      <div class=\"row\">\r\n         <div class=\"col col-sm-12\">\r\n               <div class=\"octEl\" data-el=\"txt\"><h3 style=\"margin-top: 0px; margin-bottom: 30px; line-height: 1.4; font-family: \'Lato\', HelveticaNeue, \'Helvetica Neue\', sans-serif; color: rgb(74, 72, 72); font-size: 2em; text-transform: uppercase; border: none;\"><span style=\"font-size: 36pt; font-family: lato;\" data-mce-style=\"font-size: 36pt; font-family: lato;\">Join us on the 6th of August to celebrate our birthday.</span></h3></div>\r\n          </div>\r\n      </div>\r\n      <div class=\"row\">\r\n         <div class=\"col col-sm-12\">\r\n               <div class=\"octEl\" data-el=\"txt\"><p><span style=\"color: rgb(12, 246, 255); font-family: Raleway; font-size: 14pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #0cf6ff; font-family: Raleway; font-size: 14pt; line-height: normal; text-align: left; white-space: pre-wrap;\">A little about the technologies and services.</span><br data-mce-bogus=\"1\"></p></div>\r\n          </div>\r\n      </div>\r\n      <div class=\"octGridWrapper row\">\r\n          <div class=\"octGridElement col col-sm-6 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n              <div class=\"octGridElementContent octElArea\">\r\n                 <div class=\"octElOverlay\"></div>\r\n                  <div class=\"octEl octElImg\" data-el=\"img\">\r\n                      <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\"></div>\r\n                   </div>\r\n                  <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                 <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n               </div>\r\n          </div>\r\n          <div class=\"octGridElement col col-sm-6 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n              <div class=\"octGridElementContent octElArea\">\r\n                 <div class=\"octElOverlay\"></div>\r\n                  <div class=\"octEl octElImg\" data-el=\"img\">\r\n                      <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall2.jpg\"></div>\r\n                   </div>\r\n                  <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                 <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n               </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>\r\n","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octContent * {\r\n text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octContentShell {\r\n   left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octFooter,\r\n#{{block.view_id}}.octAlign_right .octFooter {\r\n   margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octContent * {\r\n  text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octContentShell {\r\n  width: 90%;\r\n}\r\n#{{block.view_id}}.octAlign_center .octContent * {\r\n  text-align: center;\r\n}\r\n\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n     {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n  {% endif %}  \r\n}\r\n#{{ block.view_id }} .octGridWrapper .octGridElement img {\r\n    max-width: 400px;\r\n   max-height: 360px;\r\n}\r\n#{{ block.view_id }} .octGridElement {\r\n   padding-top: 40px;\r\n}\r\n","union-grid.jpg","0","1","2015-07-03 14:44:31"),
    188 ("0","9","Zoom Plus Grid","0","YTo5OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjM3OiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZ3xhZGRfZ3JpZF9pdGVtIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO31zOjE0OiJmaWxsX2NvbG9yX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMDoiZmlsbF9jb2xvciI7YToxOntzOjM6InZhbCI7czo3OiIjZmZmZmZmIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjAuNSI7fXM6NjoiYmdfaW1nIjthOjE6e3M6MzoidmFsIjtzOjQ0OiJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy96b29tLWdyaWQvSU1HLmpwZyI7fXM6MTA6ImJnX2ltZ19lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTI6Im1heF9yb3dfY29scyI7YToxOntzOjM6InZhbCI7czoxOiIzIjt9czoxMzoibmV3X2l0ZW1faHRtbCI7YToxOntzOjM6InZhbCI7czoxMDc1OiI8ZGl2IGNsYXNzPVwiY29sIGNvbC1tZC00IG9jdEdyaWRFbGVtZW50IG9jdEVsIG9jdEVsV2l0aEFyZWFcIiBkYXRhLWVsPVwiZ3JpZF9jb2xcIiBkYXRhLWNvbG9yPVwicmdiYSgyNTUsIDk3LCAxOTUsIDAuNClcIiBkYXRhLWVuYi1jb2xvcj1cIjBcIiBkYXRhLWVuYi1iZy1pbWc9XCIwXCIgZGF0YS1iZy1pbWc9XCJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy91bmlvbi1ncmlkL3RhbGwxLmpwZ1wiPg0KCQkJCQkJCTxkaXYgY2xhc3M9XCJvY3RHcmlkRWxlbWVudENvbnRlbnQgb2N0RWxBcmVhXCI+DQoJCQkJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbE92ZXJsYXlcIj48L2Rpdj4NCgkJCQkJCQkJPGRpdiBjbGFzcz1cIm9jdEVsXCIgZGF0YS1lbD1cInR4dFwiPg0KCQkJCQkJCQkJPHN0cm9uZz48c3BhbiBzdHlsZT1cImNvbG9yOiByZ2IoNTEsIDUxLCA1MSk7IGZvbnQtZmFtaWx5OiBcJ2Jvb2sgYW50aXF1YVwnLCBzYW5zLXNlcmlmOyBmb250LXNpemU6IDI0cHQ7XCIgbWNlLWRhdGEtbWFya2VkPVwiMVwiIGRhdGEtbWNlLXN0eWxlPVwiY29sb3I6ICMwMDAwMDA7IGZvbnQtZmFtaWx5OiBcJ2Jvb2sgYW50aXF1YVwnLCBzYW5zLXNlcmlmOyBmb250LXNpemU6IDI0cHQ7XCI+SFRNTCA1PC9zcGFuPjwvc3Ryb25nPg0KCQkJCQkJCQk8L2Rpdj4NCgkJCQkJCQkJPGRpdiBjbGFzcz1cIm9jdEVsXCIgZGF0YS1lbD1cInR4dFwiPg0KCQkJCQkJCQkJPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDEycHQ7IGZvbnQtZmFtaWx5OiBhcmlhbCwgaGVsdmV0aWNhLCBzYW5zLXNlcmlmO1wiIGRhdGEtbWNlLXN0eWxlPVwiZm9udC1zaXplOiAxMnB0OyBmb250LWZhbWlseTogYXJpYWwsIGhlbHZldGljYSwgc2Fucy1zZXJpZjtcIj48c3Ryb25nPjxzcGFuIHN0eWxlPVwiY29sb3I6IHJnYig1MSwgNTEsIDUxKTtcIj5UaGUgc3RhbmRhcmQgY2h1bmsgb2YgTG9yZW0gSXBzdW0gdXNlZCBzaW5jZSB0aGUgMTUwMHMgaXMgcmVwcm9kdWNlZCBiZWxvdyBmb3IgdGhvc2UgaW50ZXJlc3RlLjwvc3Bhbj48L3N0cm9uZz48L3NwYW4+DQoJCQkJCQkJCTwvZGl2Pg0KCQkJCQkJCTwvZGl2Pg0KCQkJCQkJPC9kaXY+Ijt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n    <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n         <div class=\"octEl title mce-content-body mce-edit-focus\" data-el=\"txt\" id=\"octTxt_78197\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"color: rgb(30, 30, 30); font-size: 36pt; font-family: raleway, palatino, serif;\" mce-data-marked=\"1\" data-mce-style=\"color: #; font-size: 36pt; font-family: raleway, palatino, serif;\"><strong><span style=\"line-height: normal; text-align: left; white-space: pre-wrap;\" mce-data-marked=\"1\">MEET THE TEAM</span></strong></span></p></div>\r\n           <div class=\"octEl octElImg\" data-el=\"img\">\r\n              <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/assets/simple-yelow-delimiter.jpg\"></div>\r\n              <div class=\"octCoverBody\">\r\n                    <div class=\"octGridWrapper row\">\r\n                      <div class=\"col col-md-4 octGridElement octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                          <div class=\"octGridElementContent octElArea\">\r\n                             <div class=\"octElOverlay\"></div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Bootstrap 3.x</span></strong>\r\n                              </div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                               </div>\r\n                          </div>\r\n                      </div>\r\n                      \r\n                        <div class=\"col col-md-4 octGridElement octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                          <div class=\"octGridElementContent octElArea\">\r\n                             <div class=\"octElOverlay\"></div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Responsive</span></strong>\r\n                             </div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                               </div>\r\n                          </div>\r\n                      </div>\r\n\r\n                      <div class=\"col col-md-4 octGridElement octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                          <div class=\"octGridElementContent octElArea\">\r\n                             <div class=\"octElOverlay\"></div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">HTML 5</span></strong>\r\n                             </div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                               </div>\r\n                          </div>\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverBody,\r\n#{{block.view_id}}.octAlign_right .octCoverBody {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n  text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .octCoverBody {\r\n   max-width: 100%;\r\n}\r\n#{{ block.view_id }} .octCoverBody .col {\r\n  /*margin: 80px 5% 0;\r\n    width: 20%;\r\n     display: inline-block;\r\n      position: relative;*/\r\n}\r\n#{{block.view_id}} .octGridElement {\r\n      margin-top: 80px;\r\n   /*margin-bottom: 20px;*/\r\n}","zoom-plus-grid.jpg","0","1","2015-07-02 18:16:51"),
    189 ("0","9","Shopify Grid","0","YTo5OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjM3OiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZ3xhZGRfZ3JpZF9pdGVtIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO31zOjE0OiJmaWxsX2NvbG9yX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMDoiZmlsbF9jb2xvciI7YToxOntzOjM6InZhbCI7czo3OiIjZmZmZmZmIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjAuOSI7fXM6NjoiYmdfaW1nIjthOjE6e3M6MzoidmFsIjtzOjUyOiJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy9icmlkZ2UtY292ZXIvSU1HXzY4OTcuanBnIjt9czoxMDoiYmdfaW1nX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMjoibWF4X3Jvd19jb2xzIjthOjE6e3M6MzoidmFsIjtzOjE6IjQiO31zOjEzOiJuZXdfaXRlbV9odG1sIjthOjE6e3M6MzoidmFsIjtzOjE1NjE6IjxkaXYgY2xhc3M9XCJvY3RHcmlkRWxlbWVudCBjb2wgY29sLXNtLTMgb2N0RWwgb2N0RWxXaXRoQXJlYVwiIGRhdGEtZWw9XCJncmlkX2NvbFwiIGRhdGEtY29sb3I9XCJyZ2JhKDI1NSwgOTcsIDE5NSwgMC40KVwiIGRhdGEtZW5iLWNvbG9yPVwiMFwiIGRhdGEtZW5iLWJnLWltZz1cIjBcIiBkYXRhLWJnLWltZz1cIltPQ1RfQVNTRVRTX1VSTF1pbWcvYmxvY2tzL3VuaW9uLWdyaWQvdGFsbDEuanBnXCI+DQoJCQkJCTxkaXYgY2xhc3M9XCJvY3RHcmlkRWxlbWVudENvbnRlbnQgb2N0RWxBcmVhXCI+DQogICAgICAgICAgICAgICAgICAgICAgCTxkaXYgY2xhc3M9XCJvY3RFbE92ZXJsYXlcIj48L2Rpdj4NCgkJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbCBvY3RFbEltZ1wiIGRhdGEtZWw9XCJpbWdcIj4NCgkJCQkJCQk8ZGl2IGNsYXNzPVwib2N0R2FsSXRlbUltZ1NoZWxsXCI+PGltZyBzcmM9XCJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy9zaG9waWZ5LWdyaWQvZmFzaGlvbi01MjkzMzdfMTI4MF9ncmFuZGUuanBnXCI+PC9kaXY+DQoJCQkJCQk8L2Rpdj4NCgkJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbCB0ZXh0XCIgZGF0YS1lbD1cInR4dFwiPjxwPjxzcGFuIHN0eWxlPVwiY29sb3I6IHJnYigwLCAwLCAwKTsgZm9udC1mYW1pbHk6IFwnUGxheWZhaXIgRGlzcGxheSBTQ1wnOyBmb250LXNpemU6IDE4cHQ7IGxpbmUtaGVpZ2h0OiBub3JtYWw7IHRleHQtYWxpZ246IGxlZnQ7IHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcIiBkYXRhLW1jZS1zdHlsZT1cImNvbG9yOiAjMDAwMDAwOyBmb250LWZhbWlseTogXCdQbGF5ZmFpciBEaXNwbGF5IFNDXCc7IGZvbnQtc2l6ZTogMThwdDsgbGluZS1oZWlnaHQ6IG5vcm1hbDsgdGV4dC1hbGlnbjogbGVmdDsgd2hpdGUtc3BhY2U6IHByZS13cmFwO1wiPk1vcmJpIGluIGRpY3R1bSBsZW88L3NwYW4+PGJyPjwvcD48L2Rpdj4NCgkJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbCB0ZXh0XCIgZGF0YS1lbD1cInR4dFwiPjxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LCBzZWQgZG8gdXNtb2QgdGVtcG9yIGluY2lkaWR1bnQgdXQgbGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEgdXQgZW5pbSBhZCBtaW5pbSB2ZW5pYW0gZG9sb3JlIG1hZ25hIGFsaXF1YSB1dCBlbmltIGFkIG1pbmltIHZlbmlhbS48L3A+PC9kaXY+DQoJCQkJCQk8ZGl2IGNsYXNzPVwib2N0QWN0QnRuIG9jdEVsIG9jdEVsSW5wdXRcIiBkYXRhLWVsPVwiYnRuXCIgZGF0YS1iZ2NvbG9yLXRvPVwiYm9yZGVyXCIgZGF0YS1iZ2NvbG9yPVwicmdiYSgwLCAwLCAwLCAwLjUpXCIgZGF0YS1jdXN0b21ob3Zlci1jbGI9XCJfaG92ZXJDaGFuZ2VCZ0NvbG9yXCIgc3R5bGU9XCJib3JkZXItY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41KTtcIj4NCgkJCQkJCQk8YSB0YXJnZXQ9XCJfYmxhbmtcIiBocmVmPVwiaHR0cDovL29jdG9uaXMuY29tL1wiIGNsYXNzPVwib2N0RWRpdEFyZWEgb2N0SW5wdXRTaGVsbFwiPlJFQUQgTU9SRTwvYT4NCgkJCQkJCTwvZGl2Pg0KCQkJCQk8L2Rpdj4NCgkJCQk8L2Rpdj4iO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"octContentShell\">\r\n     <div class=\"octContent\">\r\n          <div class=\"row\">\r\n             <div class=\"col-sm-12\">\r\n                   <div class=\"octEl\" data-el=\"txt\"><h3 style=\"margin-top: 0px; margin-bottom: 30px; line-height: 1.4; font-family: \'Droid Sans\', HelveticaNeue, \'Helvetica Neue\', sans-serif; color: rgb(74, 72, 72); font-size: 2em; text-transform: uppercase; border: none;\"><span style=\"font-size: 36pt; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\" data-mce-style=\"font-size: 36pt; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\">GET MORE INFO ABOUT US</span></h3></div>\r\n               </div>\r\n          </div>\r\n          <div class=\"octGridWrapper row\">\r\n              <div class=\"octGridElement col col-sm-3 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octEl octElImg\" data-el=\"img\">\r\n                          <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/shopify-grid/fashion-529337_1280_grande.jpg\"></div>\r\n                        </div>\r\n                      <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                     <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n                       <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor-to=\"border\" data-bgcolor=\"rgba(0, 0, 0, 0.5)\" data-customhover-clb=\"_hoverChangeBgColor\" style=\"border-color: rgba(0, 0, 0, 0.5);\">\r\n                          <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">READ MORE</a>\r\n                     </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-3 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octEl octElImg\" data-el=\"img\">\r\n                          <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/shopify-grid/girl-97088_1280_1024x1024.jpg\"></div>\r\n                     </div>\r\n                      <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                     <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n                       <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor-to=\"border\" data-bgcolor=\"rgba(0, 0, 0, 0.5)\" data-customhover-clb=\"_hoverChangeBgColor\" style=\"border-color: rgba(0, 0, 0, 0.5);\">\r\n                          <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">READ MORE</a>\r\n                     </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-3 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octEl octElImg\" data-el=\"img\">\r\n                          <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/shopify-grid/sensual-239447_1280_1024x1024.jpg\"></div>\r\n                     </div>\r\n                      <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                     <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n                       <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor-to=\"border\" data-bgcolor=\"rgba(0, 0, 0, 0.5)\" data-customhover-clb=\"_hoverChangeBgColor\" style=\"border-color: rgba(0, 0, 0, 0.5);\">\r\n                          <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">READ MORE</a>\r\n                     </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-3 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octEl octElImg\" data-el=\"img\">\r\n                          <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/shopify-grid/woman-422706_1280_1024x1024.jpg\"></div>\r\n                       </div>\r\n                      <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                     <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n                       <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor-to=\"border\" data-bgcolor=\"rgba(0, 0, 0, 0.5)\" data-customhover-clb=\"_hoverChangeBgColor\" style=\"border-color: rgba(0, 0, 0, 0.5);\">\r\n                          <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">READ MORE</a>\r\n                     </div>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octContent * {\r\n text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octContentShell {\r\n   left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octFooter,\r\n#{{block.view_id}}.octAlign_right .octFooter {\r\n   margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octContent * {\r\n  text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octContentShell {\r\n  width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octContent {\r\n   text-align: center;\r\n     margin-top: 4%;\r\n     margin-bottom: 4%;\r\n}\r\n#{{ block.view_id }} .octGridWrapper .octElImg {\r\n width: 100%;\r\n}\r\n\r\n#{{ block.view_id }} .octGridWrapper .octGridElement img {\r\n width: auto;\r\n    height: 160px;\r\n      max-width: 100%;\r\n}\r\n#{{ block.view_id }} .octActBtn {\r\n  display: inline-block;\r\n      padding: 4px 20px;\r\n      border: 1px solid rgba(0, 0, 0, 0.5);\r\n}\r\n#{{block.view_id}} .octActBtn a {\r\n color: rgba(0, 0, 0, 0.5); \r\n     font-size: 13pt; \r\n   font-family: PT Sans;\r\n   text-decoration: none !important;\r\n}\r\n#{{block.view_id}} .octActBtn a:hover {\r\n   -webkit-filter: invert(100%);\r\n    filter: invert(100%);\r\n}\r\n#{{block.view_id}} .octGridElement {\r\n     margin-bottom: 20px;\r\n}\r\n","shopify-grid.jpg","0","1","2015-07-02 13:13:22"),
     187("0","9","Union Grid","0","YTo5OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjM3OiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZ3xhZGRfZ3JpZF9pdGVtIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO31zOjE0OiJmaWxsX2NvbG9yX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIwIjt9czoxMDoiZmlsbF9jb2xvciI7YToxOntzOjM6InZhbCI7czo0OiIjZmZmIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjAuNCI7fXM6NjoiYmdfaW1nIjthOjE6e3M6MzoidmFsIjtzOjUxOiJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy91bmlvbi1jb3Zlci9JTUdfNjg5Ny5qcGciO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO31zOjEyOiJtYXhfcm93X2NvbHMiO2E6MTp7czozOiJ2YWwiO3M6MToiMiI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6MTE3MjoiPGRpdiBjbGFzcz1cIm9jdEdyaWRFbGVtZW50IGNvbCBjb2wtc20tNiBvY3RFbCBvY3RFbFdpdGhBcmVhXCIgZGF0YS1lbD1cImdyaWRfY29sXCIgZGF0YS1jb2xvcj1cInJnYmEoMjU1LCA5NywgMTk1LCAwLjQpXCIgZGF0YS1lbmItY29sb3I9XCIwXCIgZGF0YS1lbmItYmctaW1nPVwiMFwiIGRhdGEtYmctaW1nPVwiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvdW5pb24tZ3JpZC90YWxsMS5qcGdcIj4NCgkJCQk8ZGl2IGNsYXNzPVwib2N0R3JpZEVsZW1lbnRDb250ZW50IG9jdEVsQXJlYVwiPg0KCQkJCQk8ZGl2IGNsYXNzPVwib2N0RWxPdmVybGF5XCI+PC9kaXY+DQoJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbCBvY3RFbEltZ1wiIGRhdGEtZWw9XCJpbWdcIj4NCgkJCQkJCTxkaXYgY2xhc3M9XCJvY3RHYWxJdGVtSW1nU2hlbGxcIj48aW1nIHNyYz1cIltPQ1RfQVNTRVRTX1VSTF1pbWcvYmxvY2tzL3VuaW9uLWdyaWQvdGFsbDEuanBnXCI+PC9kaXY+DQoJCQkJCTwvZGl2Pg0KCQkJCQk8ZGl2IGNsYXNzPVwib2N0RWwgdGV4dFwiIGRhdGEtZWw9XCJ0eHRcIj48cD48c3BhbiBzdHlsZT1cImNvbG9yOiByZ2IoMCwgMCwgMCk7IGZvbnQtZmFtaWx5OiBcJ1BsYXlmYWlyIERpc3BsYXkgU0NcJzsgZm9udC1zaXplOiAxOHB0OyBsaW5lLWhlaWdodDogbm9ybWFsOyB0ZXh0LWFsaWduOiBsZWZ0OyB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XCIgZGF0YS1tY2Utc3R5bGU9XCJjb2xvcjogIzAwMDAwMDsgZm9udC1mYW1pbHk6IFwnUGxheWZhaXIgRGlzcGxheSBTQ1wnOyBmb250LXNpemU6IDE4cHQ7IGxpbmUtaGVpZ2h0OiBub3JtYWw7IHRleHQtYWxpZ246IGxlZnQ7IHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcIj5Nb3JiaSBpbiBkaWN0dW0gbGVvPC9zcGFuPjxicj48L3A+PC9kaXY+DQoJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbCB0ZXh0XCIgZGF0YS1lbD1cInR4dFwiPjxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LCBzZWQgZG8gdXNtb2QgdGVtcG9yIGluY2lkaWR1bnQgdXQgbGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEgdXQgZW5pbSBhZCBtaW5pbSB2ZW5pYW0gZG9sb3JlIG1hZ25hIGFsaXF1YSB1dCBlbmltIGFkIG1pbmltIHZlbmlhbS48L3A+PC9kaXY+DQoJCQkJPC9kaXY+DQoJCQk8L2Rpdj4iO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n    <div class=\"octContent\">\r\n      <div class=\"row\">\r\n         <div class=\"col col-sm-12\">\r\n               <div class=\"octEl\" data-el=\"txt\"><h3 style=\"margin-top: 0px; margin-bottom: 30px; line-height: 1.4; font-family: \'Lato\', HelveticaNeue, \'Helvetica Neue\', sans-serif; color: rgb(74, 72, 72); font-size: 2em; text-transform: uppercase; border: none;\"><span style=\"font-size: 36pt; font-family: lato;\" data-mce-style=\"font-size: 36pt; font-family: lato;\">Join us on the 6th of August to celebrate our birthday.</span></h3></div>\r\n          </div>\r\n      </div>\r\n      <div class=\"row\">\r\n         <div class=\"col col-sm-12\">\r\n               <div class=\"octEl\" data-el=\"txt\"><p><span style=\"color: rgb(12, 246, 255); font-family: Raleway; font-size: 14pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #0cf6ff; font-family: Raleway; font-size: 14pt; line-height: normal; text-align: left; white-space: pre-wrap;\">A little about the technologies and services.</span><br data-mce-bogus=\"1\"></p></div>\r\n          </div>\r\n      </div>\r\n      <div class=\"octGridWrapper row\">\r\n          <div class=\"octGridElement col col-sm-6 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n              <div class=\"octGridElementContent octElArea\">\r\n                 <div class=\"octElOverlay\"></div>\r\n                  <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                        <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\"></div>\r\n                    </div>\r\n                  <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                 <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n               </div>\r\n          </div>\r\n          <div class=\"octGridElement col col-sm-6 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n              <div class=\"octGridElementContent octElArea\">\r\n                 <div class=\"octElOverlay\"></div>\r\n                  <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                        <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall2.jpg\"></div>\r\n                    </div>\r\n                  <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                 <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n               </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>\r\n","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octContent * {\r\n text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octContentShell {\r\n   left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octFooter,\r\n#{{block.view_id}}.octAlign_right .octFooter {\r\n   margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octContent * {\r\n  text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octContentShell {\r\n  width: 90%;\r\n}\r\n#{{block.view_id}}.octAlign_center .octContent * {\r\n  text-align: center;\r\n}\r\n\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n     {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n  {% endif %}  \r\n}\r\n#{{ block.view_id }} .octGridWrapper .octGridElement img {\r\n    max-width: 400px;\r\n   max-height: 360px;\r\n}\r\n#{{ block.view_id }} .octGridElement {\r\n   padding-top: 40px;\r\n}\r\n","union-grid.jpg","0","1","2015-07-03 14:44:31"),
     188("0","9","Zoom Plus Grid","0","YTo5OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjM3OiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZ3xhZGRfZ3JpZF9pdGVtIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO31zOjE0OiJmaWxsX2NvbG9yX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMDoiZmlsbF9jb2xvciI7YToxOntzOjM6InZhbCI7czo3OiIjZmZmZmZmIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjAuNSI7fXM6NjoiYmdfaW1nIjthOjE6e3M6MzoidmFsIjtzOjQ0OiJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy96b29tLWdyaWQvSU1HLmpwZyI7fXM6MTA6ImJnX2ltZ19lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTI6Im1heF9yb3dfY29scyI7YToxOntzOjM6InZhbCI7czoxOiIzIjt9czoxMzoibmV3X2l0ZW1faHRtbCI7YToxOntzOjM6InZhbCI7czoxMDc1OiI8ZGl2IGNsYXNzPVwiY29sIGNvbC1tZC00IG9jdEdyaWRFbGVtZW50IG9jdEVsIG9jdEVsV2l0aEFyZWFcIiBkYXRhLWVsPVwiZ3JpZF9jb2xcIiBkYXRhLWNvbG9yPVwicmdiYSgyNTUsIDk3LCAxOTUsIDAuNClcIiBkYXRhLWVuYi1jb2xvcj1cIjBcIiBkYXRhLWVuYi1iZy1pbWc9XCIwXCIgZGF0YS1iZy1pbWc9XCJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy91bmlvbi1ncmlkL3RhbGwxLmpwZ1wiPg0KCQkJCQkJCTxkaXYgY2xhc3M9XCJvY3RHcmlkRWxlbWVudENvbnRlbnQgb2N0RWxBcmVhXCI+DQoJCQkJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbE92ZXJsYXlcIj48L2Rpdj4NCgkJCQkJCQkJPGRpdiBjbGFzcz1cIm9jdEVsXCIgZGF0YS1lbD1cInR4dFwiPg0KCQkJCQkJCQkJPHN0cm9uZz48c3BhbiBzdHlsZT1cImNvbG9yOiByZ2IoNTEsIDUxLCA1MSk7IGZvbnQtZmFtaWx5OiBcJ2Jvb2sgYW50aXF1YVwnLCBzYW5zLXNlcmlmOyBmb250LXNpemU6IDI0cHQ7XCIgbWNlLWRhdGEtbWFya2VkPVwiMVwiIGRhdGEtbWNlLXN0eWxlPVwiY29sb3I6ICMwMDAwMDA7IGZvbnQtZmFtaWx5OiBcJ2Jvb2sgYW50aXF1YVwnLCBzYW5zLXNlcmlmOyBmb250LXNpemU6IDI0cHQ7XCI+SFRNTCA1PC9zcGFuPjwvc3Ryb25nPg0KCQkJCQkJCQk8L2Rpdj4NCgkJCQkJCQkJPGRpdiBjbGFzcz1cIm9jdEVsXCIgZGF0YS1lbD1cInR4dFwiPg0KCQkJCQkJCQkJPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDEycHQ7IGZvbnQtZmFtaWx5OiBhcmlhbCwgaGVsdmV0aWNhLCBzYW5zLXNlcmlmO1wiIGRhdGEtbWNlLXN0eWxlPVwiZm9udC1zaXplOiAxMnB0OyBmb250LWZhbWlseTogYXJpYWwsIGhlbHZldGljYSwgc2Fucy1zZXJpZjtcIj48c3Ryb25nPjxzcGFuIHN0eWxlPVwiY29sb3I6IHJnYig1MSwgNTEsIDUxKTtcIj5UaGUgc3RhbmRhcmQgY2h1bmsgb2YgTG9yZW0gSXBzdW0gdXNlZCBzaW5jZSB0aGUgMTUwMHMgaXMgcmVwcm9kdWNlZCBiZWxvdyBmb3IgdGhvc2UgaW50ZXJlc3RlLjwvc3Bhbj48L3N0cm9uZz48L3NwYW4+DQoJCQkJCQkJCTwvZGl2Pg0KCQkJCQkJCTwvZGl2Pg0KCQkJCQkJPC9kaXY+Ijt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n    <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n         <div class=\"octEl title mce-content-body mce-edit-focus\" data-el=\"txt\" id=\"octTxt_78197\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"color: rgb(30, 30, 30); font-size: 36pt; font-family: raleway, palatino, serif;\" mce-data-marked=\"1\" data-mce-style=\"color: #; font-size: 36pt; font-family: raleway, palatino, serif;\"><strong><span style=\"line-height: normal; text-align: left; white-space: pre-wrap;\" mce-data-marked=\"1\">MEET THE TEAM</span></strong></span></p></div>\r\n           <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/assets/simple-yelow-delimiter.jpg\"></div>\r\n               <div class=\"octCoverBody\">\r\n                    <div class=\"octGridWrapper row\">\r\n                      <div class=\"col col-md-4 octGridElement octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                          <div class=\"octGridElementContent octElArea\">\r\n                             <div class=\"octElOverlay\"></div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Bootstrap 3.x</span></strong>\r\n                              </div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                               </div>\r\n                          </div>\r\n                      </div>\r\n                      \r\n                        <div class=\"col col-md-4 octGridElement octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                          <div class=\"octGridElementContent octElArea\">\r\n                             <div class=\"octElOverlay\"></div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Responsive</span></strong>\r\n                             </div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                               </div>\r\n                          </div>\r\n                      </div>\r\n\r\n                      <div class=\"col col-md-4 octGridElement octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                          <div class=\"octGridElementContent octElArea\">\r\n                             <div class=\"octElOverlay\"></div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">HTML 5</span></strong>\r\n                             </div>\r\n                              <div class=\"octEl\" data-el=\"txt\">\r\n                                   <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</span></strong></span>\r\n                               </div>\r\n                          </div>\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverBody,\r\n#{{block.view_id}}.octAlign_right .octCoverBody {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n  text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .octCoverBody {\r\n   max-width: 100%;\r\n}\r\n#{{ block.view_id }} .octCoverBody .col {\r\n  /*margin: 80px 5% 0;\r\n    width: 20%;\r\n     display: inline-block;\r\n      position: relative;*/\r\n}\r\n#{{block.view_id}} .octGridElement {\r\n      margin-top: 80px;\r\n   /*margin-bottom: 20px;*/\r\n}","zoom-plus-grid.jpg","0","1","2015-07-02 18:16:51"),
     189("0","9","Shopify Grid","0","YTo5OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjM3OiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZ3xhZGRfZ3JpZF9pdGVtIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO31zOjE0OiJmaWxsX2NvbG9yX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMDoiZmlsbF9jb2xvciI7YToxOntzOjM6InZhbCI7czo3OiIjZmZmZmZmIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjAuOSI7fXM6NjoiYmdfaW1nIjthOjE6e3M6MzoidmFsIjtzOjUyOiJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy9icmlkZ2UtY292ZXIvSU1HXzY4OTcuanBnIjt9czoxMDoiYmdfaW1nX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMjoibWF4X3Jvd19jb2xzIjthOjE6e3M6MzoidmFsIjtzOjE6IjQiO31zOjEzOiJuZXdfaXRlbV9odG1sIjthOjE6e3M6MzoidmFsIjtzOjE1NjE6IjxkaXYgY2xhc3M9XCJvY3RHcmlkRWxlbWVudCBjb2wgY29sLXNtLTMgb2N0RWwgb2N0RWxXaXRoQXJlYVwiIGRhdGEtZWw9XCJncmlkX2NvbFwiIGRhdGEtY29sb3I9XCJyZ2JhKDI1NSwgOTcsIDE5NSwgMC40KVwiIGRhdGEtZW5iLWNvbG9yPVwiMFwiIGRhdGEtZW5iLWJnLWltZz1cIjBcIiBkYXRhLWJnLWltZz1cIltPQ1RfQVNTRVRTX1VSTF1pbWcvYmxvY2tzL3VuaW9uLWdyaWQvdGFsbDEuanBnXCI+DQoJCQkJCTxkaXYgY2xhc3M9XCJvY3RHcmlkRWxlbWVudENvbnRlbnQgb2N0RWxBcmVhXCI+DQogICAgICAgICAgICAgICAgICAgICAgCTxkaXYgY2xhc3M9XCJvY3RFbE92ZXJsYXlcIj48L2Rpdj4NCgkJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbCBvY3RFbEltZ1wiIGRhdGEtZWw9XCJpbWdcIj4NCgkJCQkJCQk8ZGl2IGNsYXNzPVwib2N0R2FsSXRlbUltZ1NoZWxsXCI+PGltZyBzcmM9XCJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy9zaG9waWZ5LWdyaWQvZmFzaGlvbi01MjkzMzdfMTI4MF9ncmFuZGUuanBnXCI+PC9kaXY+DQoJCQkJCQk8L2Rpdj4NCgkJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbCB0ZXh0XCIgZGF0YS1lbD1cInR4dFwiPjxwPjxzcGFuIHN0eWxlPVwiY29sb3I6IHJnYigwLCAwLCAwKTsgZm9udC1mYW1pbHk6IFwnUGxheWZhaXIgRGlzcGxheSBTQ1wnOyBmb250LXNpemU6IDE4cHQ7IGxpbmUtaGVpZ2h0OiBub3JtYWw7IHRleHQtYWxpZ246IGxlZnQ7IHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcIiBkYXRhLW1jZS1zdHlsZT1cImNvbG9yOiAjMDAwMDAwOyBmb250LWZhbWlseTogXCdQbGF5ZmFpciBEaXNwbGF5IFNDXCc7IGZvbnQtc2l6ZTogMThwdDsgbGluZS1oZWlnaHQ6IG5vcm1hbDsgdGV4dC1hbGlnbjogbGVmdDsgd2hpdGUtc3BhY2U6IHByZS13cmFwO1wiPk1vcmJpIGluIGRpY3R1bSBsZW88L3NwYW4+PGJyPjwvcD48L2Rpdj4NCgkJCQkJCTxkaXYgY2xhc3M9XCJvY3RFbCB0ZXh0XCIgZGF0YS1lbD1cInR4dFwiPjxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LCBzZWQgZG8gdXNtb2QgdGVtcG9yIGluY2lkaWR1bnQgdXQgbGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEgdXQgZW5pbSBhZCBtaW5pbSB2ZW5pYW0gZG9sb3JlIG1hZ25hIGFsaXF1YSB1dCBlbmltIGFkIG1pbmltIHZlbmlhbS48L3A+PC9kaXY+DQoJCQkJCQk8ZGl2IGNsYXNzPVwib2N0QWN0QnRuIG9jdEVsIG9jdEVsSW5wdXRcIiBkYXRhLWVsPVwiYnRuXCIgZGF0YS1iZ2NvbG9yLXRvPVwiYm9yZGVyXCIgZGF0YS1iZ2NvbG9yPVwicmdiYSgwLCAwLCAwLCAwLjUpXCIgZGF0YS1jdXN0b21ob3Zlci1jbGI9XCJfaG92ZXJDaGFuZ2VCZ0NvbG9yXCIgc3R5bGU9XCJib3JkZXItY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41KTtcIj4NCgkJCQkJCQk8YSB0YXJnZXQ9XCJfYmxhbmtcIiBocmVmPVwiaHR0cDovL29jdG9uaXMuY29tL1wiIGNsYXNzPVwib2N0RWRpdEFyZWEgb2N0SW5wdXRTaGVsbFwiPlJFQUQgTU9SRTwvYT4NCgkJCQkJCTwvZGl2Pg0KCQkJCQk8L2Rpdj4NCgkJCQk8L2Rpdj4iO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"octContentShell\">\r\n     <div class=\"octContent\">\r\n          <div class=\"row\">\r\n             <div class=\"col-sm-12\">\r\n                   <div class=\"octEl\" data-el=\"txt\"><h3 style=\"margin-top: 0px; margin-bottom: 30px; line-height: 1.4; font-family: \'Droid Sans\', HelveticaNeue, \'Helvetica Neue\', sans-serif; color: rgb(74, 72, 72); font-size: 2em; text-transform: uppercase; border: none;\"><span style=\"font-size: 36pt; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\" data-mce-style=\"font-size: 36pt; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\">GET MORE INFO ABOUT US</span></h3></div>\r\n               </div>\r\n          </div>\r\n          <div class=\"octGridWrapper row\">\r\n              <div class=\"octGridElement col col-sm-3 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                            <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/shopify-grid/fashion-529337_1280_grande.jpg\"></div>\r\n                     </div>\r\n                      <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                     <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n                       <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor-to=\"border\" data-bgcolor=\"rgba(0, 0, 0, 0.5)\" data-customhover-clb=\"_hoverChangeBgColor\" style=\"border-color: rgba(0, 0, 0, 0.5);\">\r\n                          <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">READ MORE</a>\r\n                     </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-3 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                            <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/shopify-grid/girl-97088_1280_1024x1024.jpg\"></div>\r\n                      </div>\r\n                      <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                     <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n                       <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor-to=\"border\" data-bgcolor=\"rgba(0, 0, 0, 0.5)\" data-customhover-clb=\"_hoverChangeBgColor\" style=\"border-color: rgba(0, 0, 0, 0.5);\">\r\n                          <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">READ MORE</a>\r\n                     </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-3 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                            <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/shopify-grid/sensual-239447_1280_1024x1024.jpg\"></div>\r\n                      </div>\r\n                      <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                     <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n                       <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor-to=\"border\" data-bgcolor=\"rgba(0, 0, 0, 0.5)\" data-customhover-clb=\"_hoverChangeBgColor\" style=\"border-color: rgba(0, 0, 0, 0.5);\">\r\n                          <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">READ MORE</a>\r\n                     </div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"octGridElement col col-sm-3 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n                  <div class=\"octGridElementContent octElArea\">\r\n                         <div class=\"octElOverlay\"></div>\r\n                      <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                            <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/shopify-grid/woman-422706_1280_1024x1024.jpg\"></div>\r\n                        </div>\r\n                      <div class=\"octEl text\" data-el=\"txt\"><p><span style=\"color: rgb(0, 0, 0); font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\" data-mce-style=\"color: #000000; font-family: \'Playfair Display SC\'; font-size: 18pt; line-height: normal; text-align: left; white-space: pre-wrap;\">Morbi in dictum leo</span><br></p></div>\r\n                     <div class=\"octEl text\" data-el=\"txt\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</p></div>\r\n                       <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor-to=\"border\" data-bgcolor=\"rgba(0, 0, 0, 0.5)\" data-customhover-clb=\"_hoverChangeBgColor\" style=\"border-color: rgba(0, 0, 0, 0.5);\">\r\n                          <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">READ MORE</a>\r\n                     </div>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octContent * {\r\n text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octContentShell {\r\n   left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octFooter,\r\n#{{block.view_id}}.octAlign_right .octFooter {\r\n   margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octContent * {\r\n  text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octContentShell {\r\n  width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octContent {\r\n   text-align: center;\r\n     margin-top: 4%;\r\n     margin-bottom: 4%;\r\n}\r\n#{{ block.view_id }} .octGridWrapper .octElImg {\r\n width: 100%;\r\n}\r\n\r\n#{{ block.view_id }} .octGridWrapper .octGridElement img {\r\n width: auto;\r\n    height: 160px;\r\n      max-width: 100%;\r\n}\r\n#{{ block.view_id }} .octActBtn {\r\n  display: inline-block;\r\n      padding: 4px 20px;\r\n      border: 1px solid rgba(0, 0, 0, 0.5);\r\n}\r\n#{{block.view_id}} .octActBtn a {\r\n color: rgba(0, 0, 0, 0.5); \r\n     font-size: 13pt; \r\n   font-family: PT Sans;\r\n   text-decoration: none !important;\r\n}\r\n#{{block.view_id}} .octActBtn a:hover {\r\n   -webkit-filter: invert(100%);\r\n    filter: invert(100%);\r\n}\r\n#{{block.view_id}} .octGridElement {\r\n     margin-bottom: 20px;\r\n}\r\n","shopify-grid.jpg","0","1","2015-07-02 13:13:22"),
    190190("0","1","Zoom Minimal Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiI2FhYWFhYSI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjMiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0OToiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvem9vbS1taW4tY292ZXIvSU1HLmpwZyI7fXM6MTA6ImJnX2ltZ19lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fX0=","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n    <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n             <div class=\"octEl\" data-el=\"txt\">\r\n              <p><strong><span style=\"font-size: 48pt; color: rgb(255, 255, 255); font-family: Montserrat;\">PERFECT SITE TODAY - IS REALITY!</span></strong></p>\r\n             </div>\r\n          <div class=\"octEl text\" data-el=\"txt\">\r\n              <p><span style=\"font-family: arial, helvetica, sans-serif; font-size: 12pt;\" data-mce-style=\"font-family: arial, helvetica, sans-serif; font-size: 12pt;\"><strong><span style=\"color: rgb(255, 255, 255);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span></p>\r\n              </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}}.octAlign_center .octCoverContent {\r\n   text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n  position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n}","zoom-min-cover.jpg","0","1","2015-06-30 18:28:19"),
    191 ("0","1","Zoom Plus Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiI2FhYWFhYSI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjQiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo1MDoiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvem9vbS1wbHVzLWNvdmVyL0lNRy5qcGciO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n   <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent container\">\r\n           <div class=\"row\">\r\n             <div class=\"col-xl-1\">\r\n                    <div class=\"octEl title\" data-el=\"txt\">\r\n                 <p><span style=\"color: rgb(51, 51, 51); font-size: 36pt; font-family: georgia, palatino, serif;\" data-mce-style=\"color: #ffffff; font-size: 36pt; font-family: georgia, palatino, serif;\"><strong><span style=\"line-height: normal; text-align: left; white-space: pre-wrap;\">Create professional site today</span></strong></span><br></p>\r\n                   </div>\r\n                      <div class=\"octEl octElImg\" data-el=\"img\">\r\n                      <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-plus-cover/delimiter.jpg\"></div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row\">\r\n             <div class=\"col-xl-1\">\r\n                    <div class=\"octEl text\" data-el=\"txt\">\r\n                  <p><span style=\"font-family: arial, helvetica, sans-serif; font-size: 12pt;\" data-mce-style=\"font-family: arial, helvetica, sans-serif; font-size: 12pt;\"><strong><span style=\"color: rgb(51, 51, 51);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span></p>\r\n                 </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row octCoverFooter\">\r\n              <div class=\"col-md-4\">\r\n                    <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">No coding required</span></strong>\r\n                 </div>\r\n                  <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span>\r\n                    </div>\r\n                  <div class=\"octEl octElImg\" data-el=\"img\">\r\n                      <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-plus-cover/1.jpg\"></div>\r\n                  </div>\r\n              </div>\r\n\r\n              <div class=\"col-md-4\">\r\n                    <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Free for All</span></strong>\r\n                   </div>\r\n                  <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span>\r\n                    </div>\r\n                  <div class=\"octEl octElImg\" data-el=\"img\">\r\n                      <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-plus-cover/2.jpg\"></div>\r\n                  </div>\r\n              </div>\r\n              \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Just drag-and-drop blocks</span></strong>\r\n                  </div>\r\n                  <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span>\r\n                    </div>\r\n                  <div class=\"octEl octElImg\" data-el=\"img\">\r\n                      <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-plus-cover/3.jpg\"></div>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    display: table;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n   text-align: center;\r\n     display: table-cell;\r\n    vertical-align: middle;\r\n}\r\n/*#{{block.view_id}} .octEl.title:after {\r\n   background-color: #ffc400;\r\n      bottom: 0;\r\n  content: \"\";\r\n  display: block;\r\n height: 2px;\r\n    left: 0;\r\n    right: 0;\r\n   margin: -2px auto;\r\n  position: absolute;\r\n width: 40px;\r\n}*/\r\n#{{block.view_id}} .octGalItemImgShell img {\r\n     display: block;\r\n     margin: 0 auto;\r\n     border-radius: 50%;\r\n}\r\n\r\n","zoom-plus-cover.jpg","0","1","2015-06-30 18:43:19"),
    192 ("0","1","Mist Cover","0","YTo3OntzOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0NToiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvbWlzdC1jb3Zlci9JTUcuanBnIjt9czoxMDoiYmdfaW1nX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMDoibWVudV9pdGVtcyI7YToxOntzOjM6InZhbCI7czoyMzoiYWxpZ258ZmlsbF9jb2xvcnxiZ19pbWciO31zOjU6ImFsaWduIjthOjE6e3M6MzoidmFsIjtzOjY6ImNlbnRlciI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO31zOjEwOiJmaWxsX2NvbG9yIjthOjE6e3M6MzoidmFsIjtzOjc6IiM0NDQ0NDQiO31zOjE4OiJmaWxsX2NvbG9yX29wYWNpdHkiO2E6MTp7czozOiJ2YWwiO3M6MzoiMC45Ijt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n    <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n             <div class=\"octEl octElImg\" data-el=\"img\">\r\n              <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/light-menu/logo.png\"></div>\r\n        </div>\r\n              <div class=\"octEl\" data-el=\"txt\">\r\n            <p><span style=\"font-size: 48pt; color: rgb(255, 255, 255); font-family: Montserrat;\" data-mce-style=\"font-size: 48pt; color: #ffffff; font-family: Montserrat;\">WELCOME TO OCTONIS</span></p>\r\n             </div>\r\n      <div class=\"octEl\" data-el=\"txt\">\r\n            <p class=\"hero-tagline\"><span style=\"font-size: 14pt; color: rgb(255, 255, 255);\" data-mce-style=\"font-size: 14pt; color: #ffffff;\">Responsive Pages HTML and CSS builder <strong>Plugin for WordPress</strong></span></p>\r\n           </div>\r\n              <div class=\"octActBtnShell buy octEl octElInput\" data-el=\"btn\" data-bgcolor=\"rgb(23, 23, 23)\" data-bgcolor-elements=\".octActBtn\">\r\n              <div class=\"octActBtn\" style=\"background-color: rgb(23, 23, 23);\">\r\n               <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">MORE INFO</a>\r\n                </div>\r\n           </div>\r\n          <div class=\"octActBtnShell check octEl octElInput\" data-el=\"btn\" data-bgcolor=\"rgb(255, 0, 179)\" data-bgcolor-elements=\".octActBtn\">\r\n            <div class=\"octActBtn\" style=\"background-color: rgb(255, 0, 179);\">\r\n                 <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">CHECK DEMO</a>\r\n            </div>\r\n          </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center;\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n\r\n#{{block.view_id}} .octImg {\r\n  {% if block.params.logo_img_enb.val %}\r\n      content: url(\"{{ block.params.logo_img.val }}\") no-repeat center center; \r\n     width: 100px;\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n  text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .octCoverFooter {\r\n margin: 50px auto 0;\r\n    max-width: 30%;\r\n}\r\n#{{ block.view_id }} .octActBtnShell {\r\n  display: inline-block;\r\n      padding: 10px 35px;\r\n     margin: 20px 10px;\r\n}\r\n#{{ block.view_id }} .octActBtn {\r\n    display: inline-block;\r\n  padding: 10px 35px;\r\n     width: 100%;\r\n    height: 100%;\r\n}\r\n#{{block.view_id}} .octActBtn:hover {\r\n -webkit-filter: invert(100%);\r\n    filter: invert(100%);\r\n}\r\n#{{block.view_id}} .octActBtn a {\r\n    text-decoration: none !important;\r\n   color: rgb(255, 255, 255);\r\n      font-size: 10pt; \r\n   font-family: PT Sans;\r\n}\r\n","mist-cover.jpg","0","1","2015-06-30 16:26:59"),
    193 ("0","1","Zoom Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiI2FhYWFhYSI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjgiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0NToiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvem9vbS1jb3Zlci9JTUcuanBnIjt9czoxMDoiYmdfaW1nX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n    <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n             <div class=\"octEl\" data-el=\"txt\">\r\n              <p><strong><span style=\"font-size: 48pt; color: rgb(51, 51, 51); font-family: Montserrat;\">USED LATEST FRAMEWORKS</span></strong></p>\r\n              </div>\r\n          <div class=\"octEl text\" data-el=\"txt\">\r\n              <p><span style=\"font-family: arial, helvetica, sans-serif; font-size: 12pt;\" data-mce-style=\"font-family: arial, helvetica, sans-serif; font-size: 12pt;\"><strong><span style=\"color: rgb(51, 51, 51);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span></p>\r\n             </div>\r\n              <div class=\"col-md-4\">\r\n              <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                  <span style=\"color: rgb(0, 0, 0); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">HTML 5</span>\r\n                </div>\r\n                <div class=\"octEl octElImg\" data-el=\"img\">\r\n           <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-cover/html5.png\"></div>\r\n       </div>\r\n              </div>\r\n              \r\n              <div class=\"col-md-4\">\r\n              <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                  <span style=\"color: rgb(0, 0, 0); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">CSS 3</span>\r\n                </div>\r\n                <div class=\"octEl octElImg\" data-el=\"img\">\r\n              <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-cover/css3.png\"></div>\r\n        </div>\r\n              </div>\r\n              \r\n              <div class=\"col-md-4\">\r\n              <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                  <span style=\"color: rgb(0, 0, 0); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">BOOTSTRAP 3.X</span>\r\n                </div>\r\n                <div class=\"octEl octElImg\" data-el=\"img\">\r\n              <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-cover/bootstrap.png\"></div>\r\n       </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: #000; /*set from params*/\r\n     opacity: 0.4;   /*set from params*/\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n  position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n  text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .octCoverFooter {\r\n max-width: 100%;\r\n}\r\n\r\n#{{block.view_id}} .octEl.text {\r\n  width: 50%;\r\n  margin: 0 auto;\r\n}\r\n#{{block.view_id}} .octImage {\r\n      display: block;\r\n     margin: 0 auto;\r\n}\r\n#{{block.view_id}} .octImage.firstFooter{\r\n  {% if block.params.ff_img_enb.val %}\r\n     content: url(\"{{ block.params.ff_img.val }}\") no-repeat center center; \r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octImage.secondFooter{\r\n  {% if block.params.sf_img_enb.val %}\r\n     content: url(\"{{ block.params.sf_img.val }}\") no-repeat center center; \r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octImage.thirdFooter{\r\n  {% if block.params.tf_img_enb.val %}\r\n      content: url(\"{{ block.params.tf_img.val }}\") no-repeat center center; \r\n  {% endif %}\r\n}\r\n\r\n","zoom-cover.jpg","0","1","2015-06-30 17:19:50"),
    194 ("0","6","Bridge Menu","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjMwOiJhbGlnbnxmaWxsX2NvbG9yfGFkZF9tZW51X2l0ZW0iO31zOjU6ImFsaWduIjthOjE6e3M6MzoidmFsIjtzOjY6ImNlbnRlciI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO31zOjEwOiJmaWxsX2NvbG9yIjthOjE6e3M6MzoidmFsIjtzOjc6IiNmZmZmZmYiO31zOjE4OiJmaWxsX2NvbG9yX29wYWNpdHkiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6MzUzOiI8ZGl2IGNsYXNzPVwib2N0TWVudUl0ZW0gb2N0RWxcIiBkYXRhLWVsPVwibWVudV9pdGVtXCI+DQogICAgICAgICAgPHA+PHNwYW4gZGF0YS1tY2Utc3R5bGU9XCJmb250LXNpemU6IDE0cHQ7IGNvbG9yOiAjMzMzMzMzOyBmb250LWZhbWlseTogUFQgU2FucztcIiBzdHlsZT1cImZvbnQtc2l6ZTogMTRwdDsgY29sb3I6IHJnYig1MSwgNTEsIDUxKTsgZm9udC1mYW1pbHk6IFBUIFNhbnM7XCI+PGEgZGF0YS1tY2UtaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCIgaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCI+SG9tZTwvYT48L3NwYW4+PGJyIGRhdGEtbWNlLWJvZ3VzPVwiMVwiPjwvcD4NCiAgICAgIDwvZGl2PiI7fX0=","<div class=\"container\">\r\n    <div class=\"row octMenuMain\">\r\n         <div class=\"octMenuItem octEl octElImg\" data-el=\"menu_item_img\">\r\n            <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/bridge-menu/octo.png\" /></div>\r\n         </div>\r\n          <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Home</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">About</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n            <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Pricing</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n            <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Products</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n            <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Contact Us</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n     </div>\r\n</div>","#{{block.view_id}} p {\r\n   margin: 0;\r\n}\r\n#{{block.view_id}} .row {\r\n    padding: 15px 0;\r\n}\r\n#{{block.view_id}} .octMenuItem {\r\n  display: inline-block;\r\n      margin-left: 24px;\r\n      vertical-align: middle;\r\n}\r\n#{{block.view_id}} .octMenuItem a {\r\n color: inherit;\r\n     text-decoration: none !important;\r\n}","bridge-menu.jpg","0","1","2015-06-01 14:00:17"),
    195 ("0","7","Bridge Subscribe","0","YToxMDp7czoxMDoibWVudV9pdGVtcyI7YToxOntzOjM6InZhbCI7czo0NjoiYWxpZ258ZmlsbF9jb2xvcnxiZ19pbWd8YWRkX2ZpZWxkfHN1Yl9zZXR0aW5ncyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiI2VjMDAyMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjkiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo1NjoiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvYnJpZGdlLXN1YnNjcmliZS9JTUdfNjg4NS5qcGciO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO31zOjY6ImZpZWxkcyI7YToxOntzOjM6InZhbCI7czoxNDk6Ilt7XCJuYW1lXCI6XCJlbWFpbFwiLFwibGFiZWxcIjpcIkUtbWFpbFwiLFwiaHRtbFwiOlwiZW1haWxcIixcInJlcXVpcmVkXCI6MX0se1wibmFtZVwiOlwibmFtZVwiLFwibGFiZWxcIjpcIk5hbWVcIixcImh0bWxcIjpcInRleHRcIixcInJlcXVpcmVkXCI6MH1dIjt9czoxMzoibmV3X2l0ZW1faHRtbCI7YToxOntzOjM6InZhbCI7czoyMDE6IjxkaXYgY2xhc3M9XCJvY3RFbCBvY3RFbElucHV0XCIgZGF0YS1lbD1cImlucHV0XCI+PGRpdiBjbGFzcz1cIm9jdElucHV0U2hlbGxcIj4NCiAgICAgICAgICAJCTxpbnB1dCB0eXBlPVwidGV4dFwiIG5hbWU9XCJmX1wiIHBsYWNlaG9sZGVyPVwiTmV3X05hbWVcIiBjbGFzcz1cIm9jdEZvcm1JbnB1dFwiIC8+PC9kaXY+DQogICAgICAgICAgCTwvZGl2PiI7fXM6ODoic3ViX2Rlc3QiO2E6MTp7czozOiJ2YWwiO3M6OToid29yZHByZXNzIjt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"row\">\r\n         <div class=\"col col-sm-12 octEl octElImg\" data-menu-to-bottom=\"1\" data-el=\"img\">\r\n              <div class=\"octGalItemImgShell\"><img class=\"octSlideImg\" src=\"[OCT_ASSETS_URL]img/blocks/bridge-subscribe/shape.png\" /></div>\r\n         </div>\r\n  </div>\r\n      <div class=\"row\">\r\n         <div class=\"col col-sm-12 octEl\" data-el=\"txt\">\r\n             <p><span style=\"font-size: 18pt; color: rgb(255, 255, 255); font-family: Playfair Display SC;\" data-mce-style=\"font-size: 18pt; color: #ffffff; font-family: Playfair Display SC;\">Travel to Prague TODAY</span></p>\r\n        </div>\r\n  </div>\r\n      <div class=\"row\">\r\n     <div class=\"col col-sm-offset-3 col-sm-6 octFormShell\">\r\n           {{block.sub_form_start|raw}}\r\n                <div class=\"octFormFieldsShell\">\r\n                    <div class=\"octEl octElInput\" data-el=\"input\"><div class=\"octInputShell\">\r\n                        <input type=\"email\" name=\"email\" placeholder=\"E-mail\" class=\"octFormInput\" required=\"1\" /></div>\r\n                    </div>\r\n                    <div class=\"octEl octElInput\" data-el=\"input\"><div class=\"octInputShell\">\r\n                        <input type=\"text\" name=\"name\" placeholder=\"Name\" class=\"octFormInput\" /></div>\r\n                    </div>\r\n               </div>\r\n                <div class=\"octEl octElInput octElInputBtn\" data-el=\"input_btn\"><div class=\"octInputShell\">\r\n                    <input type=\"submit\" name=\"\" value=\"SEND\" class=\"octFormInput\" /></div>\r\n                </div>\r\n            {{block.sub_form_end|raw}}\r\n          </div>\r\n    </div>\r\n</div>","#{{block.view_id}}.octAlign_center .col {\r\n  text-align: center;\r\n}\r\n#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n      background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: #000; /*set from params*/\r\n     opacity: 0.4;   /*set from params*/\r\n}\r\n#{{block.view_id}} .container {\r\n padding: 16px;\r\n}\r\n#{{block.view_id}} .container .row:not(:first-of-type) {\r\n margin-top: 16px\r\n}\r\n#{{block.view_id}} .octSubHeadIcon {\r\n   text-align: center;\r\n}\r\n#{{block.view_id}} p {\r\n  margin: 0;\r\n}\r\n#{{block.view_id}} .octElInput {\r\n margin: 0 5px 5px 5px;\r\n}\r\n#{{block.view_id}} .octFormInput {\r\n   background-color: rgba(0, 0, 0, 0.1);\r\n   border: none;\r\n   border-radius: 40px;\r\n    padding: 5px 10px;\r\n      color: #fff;\r\n}\r\n#{{block.view_id}} .octElInputBtn .octFormInput {\r\n  background-color: transparent;\r\n      border: 3px solid rgba(255, 255, 255, 0.3);\r\n}\r\n#{{block.view_id}} .octFormShell input[type=\"submit\"] {\r\n   font-family: \"PT Sans\";\r\n}\r\n#{{block.view_id}} .octFormFieldsShell {\r\n  display: inline;\r\n}\r\n\r\n\r\n\r\n","bridge-subscribe.jpg","0","1","2015-06-02 16:18:26"),
     191("0","1","Zoom Plus Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiI2FhYWFhYSI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjQiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo1MDoiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvem9vbS1wbHVzLWNvdmVyL0lNRy5qcGciO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n   <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent container\">\r\n           <div class=\"row\">\r\n             <div class=\"col-xl-1\">\r\n                    <div class=\"octEl title\" data-el=\"txt\">\r\n                 <p><span style=\"color: rgb(51, 51, 51); font-size: 36pt; font-family: georgia, palatino, serif;\" data-mce-style=\"color: #ffffff; font-size: 36pt; font-family: georgia, palatino, serif;\"><strong><span style=\"line-height: normal; text-align: left; white-space: pre-wrap;\">Create professional site today</span></strong></span><br></p>\r\n                   </div>\r\n                      <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                        <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-plus-cover/delimiter.jpg\"></div>\r\n               </div>\r\n          </div>\r\n          <div class=\"row\">\r\n             <div class=\"col-xl-1\">\r\n                    <div class=\"octEl text\" data-el=\"txt\">\r\n                  <p><span style=\"font-family: arial, helvetica, sans-serif; font-size: 12pt;\" data-mce-style=\"font-family: arial, helvetica, sans-serif; font-size: 12pt;\"><strong><span style=\"color: rgb(51, 51, 51);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span></p>\r\n                 </div>\r\n              </div>\r\n          </div>\r\n          <div class=\"row octCoverFooter\">\r\n              <div class=\"col-md-4\">\r\n                    <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">No coding required</span></strong>\r\n                 </div>\r\n                  <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span>\r\n                    </div>\r\n                  <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                        <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-plus-cover/1.jpg\"></div>\r\n                   </div>\r\n              </div>\r\n\r\n              <div class=\"col-md-4\">\r\n                    <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Free for All</span></strong>\r\n                   </div>\r\n                  <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span>\r\n                    </div>\r\n                  <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                        <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-plus-cover/2.jpg\"></div>\r\n                   </div>\r\n              </div>\r\n              \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <strong><span style=\"color: rgb(51, 51, 51); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">Just drag-and-drop blocks</span></strong>\r\n                  </div>\r\n                  <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                      <span style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\" data-mce-style=\"font-size: 12pt; font-family: arial, helvetica, sans-serif;\"><strong><span style=\"color: rgb(51, 51, 51);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span>\r\n                    </div>\r\n                  <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                        <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-plus-cover/3.jpg\"></div>\r\n                   </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    display: table;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n   text-align: center;\r\n     display: table-cell;\r\n    vertical-align: middle;\r\n}\r\n/*#{{block.view_id}} .octEl.title:after {\r\n   background-color: #ffc400;\r\n      bottom: 0;\r\n  content: \"\";\r\n  display: block;\r\n height: 2px;\r\n    left: 0;\r\n    right: 0;\r\n   margin: -2px auto;\r\n  position: absolute;\r\n width: 40px;\r\n}*/\r\n#{{block.view_id}} .octElArea img {\r\n      display: block;\r\n     margin: 0 auto;\r\n     border-radius: 50%;\r\n}\r\n\r\n","zoom-plus-cover.jpg","0","1","2015-06-30 18:43:19"),
     192("0","1","Mist Cover","0","YTo3OntzOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0NToiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvbWlzdC1jb3Zlci9JTUcuanBnIjt9czoxMDoiYmdfaW1nX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMDoibWVudV9pdGVtcyI7YToxOntzOjM6InZhbCI7czoyMzoiYWxpZ258ZmlsbF9jb2xvcnxiZ19pbWciO31zOjU6ImFsaWduIjthOjE6e3M6MzoidmFsIjtzOjY6ImNlbnRlciI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO31zOjEwOiJmaWxsX2NvbG9yIjthOjE6e3M6MzoidmFsIjtzOjc6IiM0NDQ0NDQiO31zOjE4OiJmaWxsX2NvbG9yX29wYWNpdHkiO2E6MTp7czozOiJ2YWwiO3M6MzoiMC45Ijt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n    <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n             <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n            <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/light-menu/logo.png\"></div>\r\n         </div>\r\n              <div class=\"octEl\" data-el=\"txt\">\r\n            <p><span style=\"font-size: 48pt; color: rgb(255, 255, 255); font-family: Montserrat;\" data-mce-style=\"font-size: 48pt; color: #ffffff; font-family: Montserrat;\">WELCOME TO OCTONIS</span></p>\r\n             </div>\r\n      <div class=\"octEl\" data-el=\"txt\">\r\n            <p class=\"hero-tagline\"><span style=\"font-size: 14pt; color: rgb(255, 255, 255);\" data-mce-style=\"font-size: 14pt; color: #ffffff;\">Responsive Pages HTML and CSS builder <strong>Plugin for WordPress</strong></span></p>\r\n           </div>\r\n              <div class=\"octActBtnShell buy octEl octElInput\" data-el=\"btn\" data-bgcolor=\"rgb(23, 23, 23)\" data-bgcolor-elements=\".octActBtn\">\r\n              <div class=\"octActBtn\" style=\"background-color: rgb(23, 23, 23);\">\r\n               <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">MORE INFO</a>\r\n                </div>\r\n           </div>\r\n          <div class=\"octActBtnShell check octEl octElInput\" data-el=\"btn\" data-bgcolor=\"rgb(255, 0, 179)\" data-bgcolor-elements=\".octActBtn\">\r\n            <div class=\"octActBtn\" style=\"background-color: rgb(255, 0, 179);\">\r\n                 <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">CHECK DEMO</a>\r\n            </div>\r\n          </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center;\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n\r\n#{{block.view_id}} .octImg {\r\n  {% if block.params.logo_img_enb.val %}\r\n      content: url(\"{{ block.params.logo_img.val }}\") no-repeat center center; \r\n     width: 100px;\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n  text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .octCoverFooter {\r\n margin: 50px auto 0;\r\n    max-width: 30%;\r\n}\r\n#{{ block.view_id }} .octActBtnShell {\r\n  display: inline-block;\r\n      padding: 10px 35px;\r\n     margin: 20px 10px;\r\n}\r\n#{{ block.view_id }} .octActBtn {\r\n    display: inline-block;\r\n  padding: 10px 35px;\r\n     width: 100%;\r\n    height: 100%;\r\n}\r\n#{{block.view_id}} .octActBtn:hover {\r\n -webkit-filter: invert(100%);\r\n    filter: invert(100%);\r\n}\r\n#{{block.view_id}} .octActBtn a {\r\n    text-decoration: none !important;\r\n   color: rgb(255, 255, 255);\r\n      font-size: 10pt; \r\n   font-family: PT Sans;\r\n}\r\n","mist-cover.jpg","0","1","2015-06-30 16:26:59"),
     193("0","1","Zoom Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiI2FhYWFhYSI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjgiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0NToiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvem9vbS1jb3Zlci9JTUcuanBnIjt9czoxMDoiYmdfaW1nX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n    <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n             <div class=\"octEl\" data-el=\"txt\">\r\n              <p><strong><span style=\"font-size: 48pt; color: rgb(51, 51, 51); font-family: Montserrat;\">USED LATEST FRAMEWORKS</span></strong></p>\r\n              </div>\r\n          <div class=\"octEl text\" data-el=\"txt\">\r\n              <p><span style=\"font-family: arial, helvetica, sans-serif; font-size: 12pt;\" data-mce-style=\"font-family: arial, helvetica, sans-serif; font-size: 12pt;\"><strong><span style=\"color: rgb(51, 51, 51);\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do usmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam dolore magna aliqua ut enim ad minim veniam.</span></strong></span></p>\r\n             </div>\r\n              <div class=\"col-md-4\">\r\n              <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                  <span style=\"color: rgb(0, 0, 0); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">HTML 5</span>\r\n                </div>\r\n                <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n             <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-cover/html5.png\"></div>\r\n        </div>\r\n              </div>\r\n              \r\n              <div class=\"col-md-4\">\r\n              <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                  <span style=\"color: rgb(0, 0, 0); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">CSS 3</span>\r\n                </div>\r\n                <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n            <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-cover/css3.png\"></div>\r\n         </div>\r\n              </div>\r\n              \r\n              <div class=\"col-md-4\">\r\n              <div class=\"octFooterElement octEl\" data-el=\"txt\">\r\n                  <span style=\"color: rgb(0, 0, 0); font-family: \'book antiqua\', sans-serif; font-size: 24pt;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000; font-family: \'book antiqua\', sans-serif; font-size: 24pt;\">BOOTSTRAP 3.X</span>\r\n                </div>\r\n                <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n            <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/zoom-cover/bootstrap.png\"></div>\r\n        </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: #000; /*set from params*/\r\n     opacity: 0.4;   /*set from params*/\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n  position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n  text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .octCoverFooter {\r\n max-width: 100%;\r\n}\r\n\r\n#{{block.view_id}} .octEl.text {\r\n  width: 50%;\r\n  margin: 0 auto;\r\n}\r\n#{{block.view_id}} .octImage {\r\n      display: block;\r\n     margin: 0 auto;\r\n}\r\n#{{block.view_id}} .octImage.firstFooter{\r\n  {% if block.params.ff_img_enb.val %}\r\n     content: url(\"{{ block.params.ff_img.val }}\") no-repeat center center; \r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octImage.secondFooter{\r\n  {% if block.params.sf_img_enb.val %}\r\n     content: url(\"{{ block.params.sf_img.val }}\") no-repeat center center; \r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octImage.thirdFooter{\r\n  {% if block.params.tf_img_enb.val %}\r\n      content: url(\"{{ block.params.tf_img.val }}\") no-repeat center center; \r\n  {% endif %}\r\n}\r\n\r\n","zoom-cover.jpg","0","1","2015-06-30 17:19:50"),
     194("0","6","Bridge Menu","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjMwOiJhbGlnbnxmaWxsX2NvbG9yfGFkZF9tZW51X2l0ZW0iO31zOjU6ImFsaWduIjthOjE6e3M6MzoidmFsIjtzOjY6ImNlbnRlciI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO31zOjEwOiJmaWxsX2NvbG9yIjthOjE6e3M6MzoidmFsIjtzOjc6IiNmZmZmZmYiO31zOjE4OiJmaWxsX2NvbG9yX29wYWNpdHkiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6MzUzOiI8ZGl2IGNsYXNzPVwib2N0TWVudUl0ZW0gb2N0RWxcIiBkYXRhLWVsPVwibWVudV9pdGVtXCI+DQogICAgICAgICAgPHA+PHNwYW4gZGF0YS1tY2Utc3R5bGU9XCJmb250LXNpemU6IDE0cHQ7IGNvbG9yOiAjMzMzMzMzOyBmb250LWZhbWlseTogUFQgU2FucztcIiBzdHlsZT1cImZvbnQtc2l6ZTogMTRwdDsgY29sb3I6IHJnYig1MSwgNTEsIDUxKTsgZm9udC1mYW1pbHk6IFBUIFNhbnM7XCI+PGEgZGF0YS1tY2UtaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCIgaHJlZj1cImh0dHA6Ly9zdXBzeXN0aWMuY29tXCI+SG9tZTwvYT48L3NwYW4+PGJyIGRhdGEtbWNlLWJvZ3VzPVwiMVwiPjwvcD4NCiAgICAgIDwvZGl2PiI7fX0=","<div class=\"container\">\r\n    <div class=\"row octMenuMain\">\r\n         <div class=\"octMenuItem octEl octElImg octElWithArea\" data-el=\"menu_item_img\">\r\n              <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/bridge-menu/octo.png\" /></div>\r\n          </div>\r\n          <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Home</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n      <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">About</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n            <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Pricing</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n            <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Products</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n            <div class=\"octMenuItem octEl\" data-el=\"menu_item\">\r\n          <p><span data-mce-style=\"font-size: 14pt; color: #333333; font-family: PT Sans;\" style=\"font-size: 14pt; color: rgb(51, 51, 51); font-family: PT Sans;\"><a data-mce-href=\"http://supsystic.com\" href=\"http://supsystic.com\" target=\"_blank\">Contact Us</a></span><br data-mce-bogus=\"1\"></p>\r\n      </div>\r\n     </div>\r\n</div>","#{{block.view_id}} p {\r\n   margin: 0;\r\n}\r\n#{{block.view_id}} .row {\r\n    padding: 15px 0;\r\n}\r\n#{{block.view_id}} .octMenuItem {\r\n  display: inline-block;\r\n      margin-left: 24px;\r\n      vertical-align: middle;\r\n}\r\n#{{block.view_id}} .octMenuItem a {\r\n color: inherit;\r\n     text-decoration: none !important;\r\n}","bridge-menu.jpg","0","1","2015-06-01 14:00:17"),
     195("0","7","Bridge Subscribe","0","YToxMDp7czoxMDoibWVudV9pdGVtcyI7YToxOntzOjM6InZhbCI7czo0NjoiYWxpZ258ZmlsbF9jb2xvcnxiZ19pbWd8YWRkX2ZpZWxkfHN1Yl9zZXR0aW5ncyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiI2VjMDAyMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjkiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo1NjoiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvYnJpZGdlLXN1YnNjcmliZS9JTUdfNjg4NS5qcGciO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO31zOjY6ImZpZWxkcyI7YToxOntzOjM6InZhbCI7czoxNDk6Ilt7XCJuYW1lXCI6XCJlbWFpbFwiLFwibGFiZWxcIjpcIkUtbWFpbFwiLFwiaHRtbFwiOlwiZW1haWxcIixcInJlcXVpcmVkXCI6MX0se1wibmFtZVwiOlwibmFtZVwiLFwibGFiZWxcIjpcIk5hbWVcIixcImh0bWxcIjpcInRleHRcIixcInJlcXVpcmVkXCI6MH1dIjt9czoxMzoibmV3X2l0ZW1faHRtbCI7YToxOntzOjM6InZhbCI7czoyMDE6IjxkaXYgY2xhc3M9XCJvY3RFbCBvY3RFbElucHV0XCIgZGF0YS1lbD1cImlucHV0XCI+PGRpdiBjbGFzcz1cIm9jdElucHV0U2hlbGxcIj4NCiAgICAgICAgICAJCTxpbnB1dCB0eXBlPVwidGV4dFwiIG5hbWU9XCJmX1wiIHBsYWNlaG9sZGVyPVwiTmV3X05hbWVcIiBjbGFzcz1cIm9jdEZvcm1JbnB1dFwiIC8+PC9kaXY+DQogICAgICAgICAgCTwvZGl2PiI7fXM6ODoic3ViX2Rlc3QiO2E6MTp7czozOiJ2YWwiO3M6OToid29yZHByZXNzIjt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"row\">\r\n         <div class=\"col col-sm-12 octEl octElImg octElWithArea\" data-menu-to-bottom=\"1\" data-el=\"img\">\r\n            <div class=\"octElArea\"><img class=\"octSlideImg\" src=\"[OCT_ASSETS_URL]img/blocks/bridge-subscribe/shape.png\" /></div>\r\n          </div>\r\n  </div>\r\n      <div class=\"row\">\r\n         <div class=\"col col-sm-12 octEl\" data-el=\"txt\">\r\n             <p><span style=\"font-size: 18pt; color: rgb(255, 255, 255); font-family: Playfair Display SC;\" data-mce-style=\"font-size: 18pt; color: #ffffff; font-family: Playfair Display SC;\">Travel to Prague TODAY</span></p>\r\n        </div>\r\n  </div>\r\n      <div class=\"row\">\r\n     <div class=\"col col-sm-offset-3 col-sm-6 octFormShell\">\r\n           {{block.sub_form_start|raw}}\r\n                <div class=\"octFormFieldsShell\">\r\n                    <div class=\"octEl octElInput\" data-el=\"input\"><div class=\"octInputShell\">\r\n                        <input type=\"email\" name=\"email\" placeholder=\"E-mail\" class=\"octFormInput\" required=\"1\" /></div>\r\n                    </div>\r\n                    <div class=\"octEl octElInput\" data-el=\"input\"><div class=\"octInputShell\">\r\n                        <input type=\"text\" name=\"name\" placeholder=\"Name\" class=\"octFormInput\" /></div>\r\n                    </div>\r\n               </div>\r\n                <div class=\"octEl octElInput octElInputBtn\" data-el=\"input_btn\"><div class=\"octInputShell\">\r\n                    <input type=\"submit\" name=\"\" value=\"SEND\" class=\"octFormInput\" /></div>\r\n                </div>\r\n            {{block.sub_form_end|raw}}\r\n          </div>\r\n    </div>\r\n</div>","#{{block.view_id}}.octAlign_center .col {\r\n  text-align: center;\r\n}\r\n#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n      background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: #000; /*set from params*/\r\n     opacity: 0.4;   /*set from params*/\r\n}\r\n#{{block.view_id}} .container {\r\n padding: 16px;\r\n}\r\n#{{block.view_id}} .container .row:not(:first-of-type) {\r\n margin-top: 16px\r\n}\r\n#{{block.view_id}} .octSubHeadIcon {\r\n   text-align: center;\r\n}\r\n#{{block.view_id}} p {\r\n  margin: 0;\r\n}\r\n#{{block.view_id}} .octElInput {\r\n margin: 0 5px 5px 5px;\r\n}\r\n#{{block.view_id}} .octFormInput {\r\n   background-color: rgba(0, 0, 0, 0.1);\r\n   border: none;\r\n   border-radius: 40px;\r\n    padding: 5px 10px;\r\n      color: #fff;\r\n}\r\n#{{block.view_id}} .octElInputBtn .octFormInput {\r\n  background-color: transparent;\r\n      border: 3px solid rgba(255, 255, 255, 0.3);\r\n}\r\n#{{block.view_id}} .octFormShell input[type=\"submit\"] {\r\n   font-family: \"PT Sans\";\r\n}\r\n#{{block.view_id}} .octFormFieldsShell {\r\n  display: inline;\r\n}\r\n\r\n\r\n\r\n","bridge-subscribe.jpg","0","1","2015-06-02 16:18:26"),
    196196("0","1","Shopify Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzQ0NDQ0NCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjQiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0ODoiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvc2hvcGlmeS1jb3Zlci9JTUcuanBnIjt9czoxMDoiYmdfaW1nX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n             <div class=\"octEl\" data-el=\"txt\">\r\n              <p><span style=\"font-size: 18pt; color: #ffffff; font-family: elvetica, arial, sans-serif;\" mce-data-marked=\"1\" data-mce-style=\"font-size: 18pt; color: #ffffff; font-family: helvetica, arial, sans-serif;\"><span style=\"color: #000000;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000;\">INSTALL AND START YOUR SITE CREATION</span></span></p>\r\n           </div>\r\n          <div class=\"octEl\" data-el=\"txt\"><h2 data-mce-style=\"border-top: 2px solid black;\" style=\"border-top: 2px solid black;\"><p><span data-mce-style=\"font-size: 72pt; color: #000000; font-family: Libre Baskerville\', serif;\" style=\"font-size: 72pt; color: rgb(0, 0, 0); font-family: Libre Baskerville\', serif;\">Build your fully responsive</span></p><p><span data-mce-style=\"font-size: 72pt; color: #000000; font-family: Libre Baskerville\', serif;\" style=\"font-size: 72pt; color: rgb(0, 0, 0); font-family: Libre Baskerville\', serif;\">Site!</span></p></h2></div>\r\n         <div class=\"octEl\" data-el=\"txt\"><p><span style=\"font-size: 18pt; color: #ffffff; font-family: helvetica, arial, sans-serif;\" mce-data-marked=\"1\" data-mce-style=\"font-size: 18pt; color: #ffffff; font-family: helvetica, arial, sans-serif;\"><span style=\"color: #000000;\" mce-data-marked=\"1\" data-mce-style=\"color: #000000;\">Looks stunning on all types of devices.</span></span></p></div>\r\n           <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor=\"#000000\" data-bgcolor-to=\"border\" data-customhover-clb=\"_hoverChangeBgColor\">\r\n             <a target=\"_blank\" class=\"octEditArea octInputShell\" href=\"http://octonis.com/\">TAKE A TOUR</a>\r\n           </div>\r\n          </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    display: table;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n   text-align: center;\r\n     margin-top: 10%;\r\n    display: table-cell;\r\n    vertical-align: middle;\r\n}\r\n#{{ block.view_id }} .octActBtn {\r\n   display: inline-block;\r\n      padding: 5px 30px;\r\n      border: 1px solid rgba(0, 0, 0, 1.0);\r\n}\r\n#{{ block.view_id }} .octActBtn p {\r\n   margin: 0;\r\n}\r\n#{{block.view_id}} .octActBtn a {\r\n    color: #000;\r\n    text-decoration: none !important;\r\n   font-size: 18pt; \r\n   font-family: PT Sans;\r\n   transition: filter 0.3s ease-out;\r\n}\r\n#{{block.view_id}} .octActBtn a:hover {\r\n    -webkit-filter: invert(100%);\r\n    filter: invert(100%);\r\n}\r\n#{{block.view_id}} .octEl h2 {\r\n  width: 80%;\r\n     margin: 0 auto;\r\n     padding: 10px 0;\r\n}\r\n\r\n","shopify-cover.jpg","0","1","2015-06-30 14:23:00"),
    197197("0","1","Bridge Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzQ0NDQ0NCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjgiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo1MjoiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvYnJpZGdlLWNvdmVyL0lNR182ODk3LmpwZyI7fXM6MTA6ImJnX2ltZ19lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fX0=","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n             <div class=\"octEl\" data-el=\"txt\">\r\n              <p><span data-mce-style=\"font-size: 24pt; color: #ffffff; font-family: Playfair Display SC;\" style=\"font-size: 24pt; color: rgb(255, 255, 255); font-family: Playfair Display SC;\">- Prague After Winter -</span></p><p><span data-mce-style=\"font-size: 48pt; color: #ffffff; font-family: Playfair Display SC;\" style=\"font-size: 48pt; color: rgb(255, 255, 255); font-family: Playfair Display SC;\">Charles Bridge</span></p>\r\n            </div>\r\n              <div class=\"octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor=\"rgba(255, 255, 255, 0.5)\" data-bgcolor-to=\"border\" data-customhover-clb=\"_hoverChangeBgColor\">\r\n                <a class=\"octEditArea octInputShell\" target=\"_blank\" href=\"http://octonis.com\">TAKE A TOUR</a>\r\n            </div>\r\n              <div class=\"octCoverFooter octEl\" data-el=\"txt\">\r\n                <p><span style=\"color: rgba(255, 255, 255, 0.8); font-family: PT Sans; font-size: 14pt;\" data-mce-style=\"color: rgba(255, 255, 255, 0.8); font-family: PT Sans; font-size: 14pt;\">Tell all your most important users of the website. Think about what they would like to know about you first.</span></p>\r\n           </div>\r\n          </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n  text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .octCoverFooter {\r\n margin: 50px auto 0;\r\n    max-width: 30%;\r\n}\r\n#{{ block.view_id }} .octActBtn {\r\n   display: inline-block;\r\n      padding: 5px 30px;\r\n      border: 2px solid rgba(255, 255, 255, 0.5);\r\n     border-radius: 40px;\r\n    transition: background-color 0.3s ease-out;\r\n}\r\n#{{block.view_id}} .octActBtn a {\r\n   color: #fff;\r\n    text-decoration: none !important;\r\n   font-size: 18pt; \r\n   font-family: PT Sans;\r\n}\r\n","bridge-cover.jpg","0","1","2015-05-31 19:44:23"),
    198198("0","5","Bridge Footer","0","YTo1OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjE2OiJhbGlnbnxmaWxsX2NvbG9yIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO31zOjE0OiJmaWxsX2NvbG9yX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9czoxMDoiZmlsbF9jb2xvciI7YToxOntzOjM6InZhbCI7czo3OiIjMzMzMzMzIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO319","<div class=\"container\">\r\n  <div class=\"row\">\r\n         <div class=\"col-sm-6 octLeftCol octEl\" data-el=\"txt\">\r\n           <p><span style=\"color: rgba(255, 255, 255, 0.5); font-size: 18pt; font-family: PT Sans;\" data-mce-style=\"color: rgba(255, 255, 255, 0.5); font-size: 18pt; font-family: PT Sans;\"><strong>Octo</strong> - 2015</span></p>\r\n       </div>\r\n          <div class=\"col-sm-6 octRightCol octEl\" data-el=\"txt\">\r\n          <p><span style=\"color: rgba(255, 255, 255, 0.5); font-size: 18pt; font-family: PT Sans;\" data-mce-style=\"color: rgba(255, 255, 255, 0.5); font-size: 18pt; font-family: PT Sans;\">Prague travel agency</span></p>\r\n       </div>\r\n      </div>\r\n</div>","#{{block.view_id}} .octFooterLeftSide {\r\n  float: left;\r\n}\r\n#{{block.view_id}} .row {\r\n  padding: 20px;\r\n}\r\n#{{block.view_id}} .octLeftCol {\r\n text-align: left;\r\n}\r\n#{{block.view_id}} .octRightCol {\r\n text-align: right;\r\n}\r\n#{{block.view_id}} p {\r\n   margin: 0;\r\n}\r\n\r\n","bridge-footer.jpg","0","1","2015-05-31 21:28:32"),
    199 ("0","4","Bridge Baner","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiI2ZmMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czo0OiIwLjg1Ijt9czo2OiJiZ19pbWciO2E6MTp7czozOiJ2YWwiO3M6NTI6IltPQ1RfQVNTRVRTX1VSTF1pbWcvYmxvY2tzL2JyaWRnZS1iYW5lci9JTUdfNjg4NS5qcGciO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"row\">\r\n     <div class=\"col col-sm-1\">\r\n        <div class=\"octEl octElImg\" data-el=\"img\">\r\n              <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/bridge-baner/Shape.png\" /></div>\r\n       </div>\r\n    </div>\r\n    <div class=\"col col-sm-8\">\r\n        <div class=\"octEl\" data-el=\"txt\">\r\n           <p><span style=\"color: rgb(255, 255, 255); font-size: 18pt; font-family: Playfair Display SC;\" data-mce-style=\"color: #ffffff; font-size: 18pt; font-family: Playfair Display SC;\">Welcome TO Charles Bridge</span></p>\r\n         </div>\r\n    </div>\r\n    <div class=\"col col-sm-3 octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor=\"rgba(255, 255, 255, 0.3)\" data-bgcolor-to=\"border\" data-customhover-clb=\"_hoverChangeBgColor\">\r\n       <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">ABOUT BRIDGE</a>\r\n    </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n     background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .row {\r\n  padding: 20px;\r\n}\r\n#{{block.view_id}} .octActBtn {\r\n  text-align: center;\r\n     border: 3px solid rgba(255, 255, 255, 0.3);\r\n     vertical-align: middle;\r\n     border-radius: 40px;\r\n}\r\n#{{block.view_id}} p {\r\n margin: 0;\r\n}\r\n#{{block.view_id}} .octActBtn a {\r\n    color: rgb(255, 255, 255); \r\n     font-size: 18pt; \r\n   font-family: PT Sans;\r\n   text-decoration: none !important;\r\n}\r\n\r\n\r\n","bridge-baner.jpg","0","1","2015-05-31 18:50:55"),
    200 ("0","3","Simple Gallery","0","YTo4OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjI5OiJhbGlnbnxhZGRfZ2FsX2l0ZW18ZmlsbF9jb2xvciI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxMToiaW1nX3Blcl9yb3ciO2E6MTp7czozOiJ2YWwiO3M6MToiNCI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6NTkwOiI8ZGl2IGNsYXNzPVwiY29sLXNtLTMgb2N0R2FsSXRlbSBvY3RFbCBvY3RFbEltZ1wiIGRhdGEtZWw9XCJnYWxfaW1nXCI+DQogICAgICAgICAgPGRpdiBjbGFzcz1cIm9jdEdhbEl0ZW1JbWdTaGVsbFwiPg0KICAgICAgICAgICAgPGEgY2xhc3M9XCJvY3RHYWxMaW5rXCIgcmVsPVwicHJldHR5UGhvdG9be3tibG9jay52aWV3X2lkfX1dXCIgaHJlZj1cIltPQ1RfQVNTRVRTX1VSTF1pbWcvYmxvY2tzL3NpbXBsZS1nYWxsZXJ5L2NhdF8zLWpwZy5qcGdcIj4NCiAgICAgICAgICAgICAgPGltZyBjbGFzcz1cIm9jdEdhbEltZ1wiIHNyYz1cIltPQ1RfQVNTRVRTX1VSTF1pbWcvYmxvY2tzL3NpbXBsZS1nYWxsZXJ5L2NhdF8zLWpwZy5qcGdcIiBkYXRhLWZ1bGwtaW1nPVwiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvc2ltcGxlLWdhbGxlcnkvY2F0XzMtanBnLmpwZ1wiIC8+DQogICAgICAgICAgICA8L2E+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPVwib2N0RWwgb2N0R2FsSXRlbUNhcHRpb25cIiBkYXRhLWVsPVwidHh0XCI+PHA+UHV0IHlvdXIgdGV4dCBoZXJlPC9wPjwvZGl2Pg0KICAgICAgICAgIDwvZGl2Pg0KICAgICAgCTwvZGl2PiI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6MjA6InJnYmEoMTExLCAwLCAwLCAwLjUpIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjAuNSI7fXM6MjU6Im1lbnVfaXRlbV9uYW1lX2ZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiQ2FwdGlvbiI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO319","<div  class=\"container\">\r\n    <div class=\"row\">\r\n         <div class=\"col-sm-3 octGalItem octEl octElImg\" data-el=\"gal_img\">\r\n          <div class=\"octGalItemImgShell\">\r\n            <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7115.jpg\">\r\n              <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7115-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7115.jpg\" />\r\n            </a>\r\n            <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n          </div>\r\n          <div class=\"col-sm-3 octGalItem octEl octElImg\" data-el=\"gal_img\">\r\n          <div class=\"octGalItemImgShell\">\r\n                  <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7131.jpg\">\r\n                  <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7131-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7131.jpg\" />\r\n              </a>\r\n            <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n              </div>\r\n          <div class=\"col-sm-3 octGalItem octEl octElImg\" data-el=\"gal_img\">\r\n                  <div class=\"octGalItemImgShell\">\r\n                  <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7183.jpg\">\r\n                    <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7183-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7183.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n        </div>\r\n          <div class=\"col-sm-3 octGalItem octEl octElImg\" data-el=\"gal_img\">\r\n                  <div class=\"octGalItemImgShell\">\r\n                  <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7188.jpg\">\r\n                    <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7188-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7188.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n         <div class=\"col-sm-3 octGalItem octEl octElImg\" data-el=\"gal_img\">\r\n          <div class=\"octGalItemImgShell\">\r\n            <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7191.jpg\">\r\n              <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7191-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7191.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n        </div>\r\n          <div class=\"col-sm-3 octGalItem octEl octElImg\" data-el=\"gal_img\">\r\n          <div class=\"octGalItemImgShell\">\r\n                  <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7197.jpg\">\r\n                  <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7197-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7197.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n              </div>\r\n          <div class=\"col-sm-3 octGalItem octEl octElImg\" data-el=\"gal_img\">\r\n                  <div class=\"octGalItemImgShell\">\r\n                  <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7203.jpg\">\r\n                    <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7203-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7203.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n        </div>\r\n          <div class=\"col-sm-3 octGalItem octEl octElImg\" data-el=\"gal_img\">\r\n                  <div class=\"octGalItemImgShell\">\r\n                  <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7206.jpg\">\r\n                    <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7206-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7206.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n</div>\r\n","#{{block.view_id}} .octGalItem {\r\n padding: 0;\r\n}\r\n#{{block.view_id}} .octGalItem .octGalItemImgShell {\r\n    max-height: 200px;\r\n      overflow: hidden;\r\n}\r\n#{{block.view_id}} .octGalItem .octGalItemImgShell img {\r\n  width: 100%;\r\n    max-width: 300px;\r\n   \r\n}\r\n#{{block.view_id}} .octGalItem .octGalItemCaption {\r\n    position: absolute;\r\n     bottom: 0;\r\n      left: 0;\r\n    width: 100%;\r\n    \r\n    -webkit-box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    -webkit-transition: 500ms;\r\n    -o-transition: 500ms;\r\n    transition: 500ms;\r\n    background: rgba(111, 0, 0, 0.5);\r\n    color: white;\r\n    padding: 10px;\r\n     text-align: center;\r\n  \r\n    opacity: 0;\r\n    -webkit-transform: translateY(100%);\r\n    -ms-transform: translateY(100%);\r\n    -o-transform: translateY(100%);\r\n    transform: translateY(100%);\r\n}\r\n#{{block.view_id}} .octGalItem .octGalItemCaption p {\r\n   font-size: inherit;\r\n     line-height: inherit;\r\n   margin: 0;\r\n}\r\n#{{block.view_id}} .octGalItemImgShell:hover .octGalItemCaption,\r\n#{{block.view_id}} .octGalItemImgShell .octGalItemCaption.mce-edit-focus{\r\n    opacity: 1;\r\n    -webkit-transform: translateY(0);\r\n    -ms-transform: translateY(0);\r\n    -o-transform: translateY(0);\r\n    transform: translateY(0);\r\n}\r\n\r\n","simple-gallery.jpg","0","1","2015-05-27 19:04:15"),
    201 ("0","2","Slider Center","0","YTozOntzOjE0OiJuZXdfc2xpZGVfaHRtbCI7YToxOntzOjM6InZhbCI7czo5MDU6IjxsaSBjbGFzcz1cIm9jdFNsaWRlXCI+DQogICAgICAgICAgPGRpdiBjbGFzcz1cIm9jdEVsIG9jdEVsSW1nXCIgZGF0YS1tZW51LXRvLWJvdHRvbT1cIjFcIiBkYXRhLWVsPVwiaW1nXCI+DQo8ZGl2IGNsYXNzPVwib2N0R2FsSXRlbUltZ1NoZWxsXCI+PGltZyBjbGFzcz1cIm9jdFNsaWRlSW1nXCIgc3JjPVwiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvc2xpZGVyLWNlbnRlci9zbGlkZS0wMS5wbmdcIiAvPjwvZGl2Pg0KPC9kaXY+DQogICAgICAgICAgPGRpdiBjbGFzcz1cIm9jdFNsaWRlVGl0bGVTaGVsbFwiPg0KICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm9jdFNsaWRlVGl0bGUgb2N0RWxcIiBkYXRhLWVsPVwidHh0XCI+DQogICAgICAgICAgICAgIDxoMz4NCiAgICAgICAgICAgICAgICAgIDxlbT5TbGlkZSAwMTwvZW0+DQogICAgICAgICAgICAgIDwvaDM+DQogICAgICAgICAgICAgIDxoMT4NCiAgICAgICAgICAgICAgICAgIDxzdHJvbmc+VEhJUyBJTUFHRSBUSVRMRTwvc3Ryb25nPg0KICAgICAgICAgICAgICA8L2gxPg0KICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgPC9kaXY+DQogICAgICAgICAgPGRpdiBjbGFzcz1cIm9jdFNsaWRlRm9vdGVyU2hlbGxcIj4NCiAgICAgICAgICAJPGRpdiBjbGFzcz1cIm9jdFNsaWRlRm9vdGVyIG9jdEVsXCIgZGF0YS1lbD1cInR4dFwiPg0KICAgICAgICAgICAgICA8aDQ+PGVtPlRlbGwgYWxsIHlvdXIgbW9zdCBpbXBvcnRhbnQgdXNlcnMgb2YgdGhlIHdlYnNpdGUuIFRoaW5rIGFib3V0PC9lbT48L2g0Pg0KICAgICAgICAgICAgICAgIDxoND48ZW0+d2hhdCB0aGV5IHdvdWxkIGxpa2UgdG8ga25vdyBhYm91dCB5b3UgZmlyc3QuPC9lbT48L2g0Pg0KICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgPC9kaXY+DQoJCTwvbGk+Ijt9czoxMDoibWVudV9pdGVtcyI7YToxOntzOjM6InZhbCI7czoyNzoiYWxpZ258YWRkX3NsaWRlfGVkaXRfc2xpZGVzIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO319","<div  class=\"container\">\r\n <ul id=\"octSlider_{{block.session_id}}\" class=\"bxslider octSliderShell\">\r\n        <li class=\"octSlide\">\r\n          <div class=\"octEl octElImg\" data-menu-to-bottom=\"1\" data-el=\"img\">\r\n            <div class=\"octGalItemImgShell\"><img class=\"octSlideImg\" src=\"[OCT_ASSETS_URL]img/blocks/slider-center/slide-01.png\" /></div>\r\n            </div>\r\n          <div class=\"octSlideTitleShell\">\r\n            <div class=\"octSlideTitle octEl\" data-el=\"txt\">\r\n              <h3>\r\n                  <em>Slide 01</em>\r\n              </h3>\r\n              <h1>\r\n                  <strong>THIS IMAGE TITLE</strong>\r\n              </h1>\r\n            </div>\r\n          </div>\r\n          <div class=\"octSlideFooterShell\">\r\n            <div class=\"octSlideFooter octEl\" data-el=\"txt\">\r\n              <h4><em>Tell all your most important users of the website. Think about</em></h4>\r\n               <h4><em>what they would like to know about you first.</em></h4>\r\n            </div>\r\n          </div>\r\n      </li>\r\n       <li class=\"octSlide\">\r\n          <div class=\"octEl octElImg\" data-menu-to-bottom=\"1\" data-el=\"img\">\r\n            <div class=\"octGalItemImgShell\"><img class=\"octSlideImg\" src=\"[OCT_ASSETS_URL]img/blocks/slider-center/slide-02.png\" /></div>\r\n            </div>\r\n          <div class=\"octSlideTitleShell\">\r\n            <div class=\"octSlideTitle octEl\" data-el=\"txt\">\r\n              <h3>\r\n                  <em>Slide 02</em>\r\n              </h3>\r\n              <h1>\r\n                  <strong>THIS IMAGE TITLE SLIDE 2</strong>\r\n              </h1>\r\n            </div>\r\n          </div>\r\n          <div class=\"octSlideFooterShell\">\r\n            <div class=\"octSlideFooter octEl\" data-el=\"txt\">\r\n              <h4><em>Tell all your most important users of the website. Think about</em></h4>\r\n              <h4><em>what they would like to know about you first.</em></h4>\r\n            </div>\r\n          </div>\r\n       </li>\r\n   </ul>  \r\n</div>","#{{ block.view_id }}.octAlign_left .octSlideTitleShell {\r\n    text-align: left;\r\n   bottom: 50%;\r\n    top: auto;\r\n}\r\n#{{ block.view_id }}.octAlign_left .octSlideFooterShell {\r\n    position: absolute;\r\n     text-align: left;\r\n   top: 50%;\r\n   left: 0;\r\n}\r\n#{{ block.view_id }}.octAlign_left .octSlideFooter {\r\n   max-width: 80%;\r\n}\r\n#{{ block.view_id }}.octAlign_left .octSlide .octElImg {\r\n    float: right;\r\n   margin-right: 36px;\r\n}\r\n#{{ block.view_id }}.octAlign_right .octSlideTitleShell {\r\n   text-align: right;\r\n      bottom: 50%;\r\n    top: auto;\r\n}\r\n#{{ block.view_id }}.octAlign_right .octSlideFooterShell {\r\n   position: absolute;\r\n     text-align: right;\r\n      top: 50%;\r\n   left: 0;\r\n}\r\n#{{ block.view_id }}.octAlign_right .octSlideFooter {\r\n  max-width: 80%;\r\n}\r\n#{{ block.view_id }}.octAlign_right .octSlide .octElImg {\r\n   float: left;\r\n    margin-left: 36px;\r\n}\r\n#{{ block.view_id }} .bx-wrapper img {\r\n   margin: 0 auto;\r\n}\r\n#{{ block.view_id }} .bx-wrapper {\r\n  border: none;\r\n   box-shadow: none;\r\n}\r\n#{{ block.view_id }} .bxslider li {\r\n   text-align: center;\r\n     position: relative;\r\n}\r\n#{{ block.view_id }} .octSlideImg {\r\n\r\n}\r\n#{{ block.view_id }} .octSlideTitleShell {\r\n  position: absolute;\r\n     left: 0;\r\n    width: 100%;\r\n    top: 0;\r\n}\r\n#{{ block.view_id }} .octSlideTitle {\r\n   margin: 0 auto;\r\n     color: #ec5837; /*This should be taken from settings*/\r\n      max-width: 80%;\r\n}\r\n#{{ block.view_id }} .octSlideFooterShell {\r\n     width: 100%;\r\n}\r\n#{{ block.view_id }} .octSlideFooter {\r\n margin: 0 auto;\r\n color: #747474; /*This should be taken from settings*/\r\n  max-width: 60%;\r\n}\r\n#{{ block.view_id }} .bx-controls-direction a {\r\n background-image: url(\"[OCT_ASSETS_URL]img/blocks/slider-center/controls.png\");\r\n   height: 63px;\r\n    width: 36px;\r\n   opacity: 0.8;\r\n}\r\n#{{ block.view_id }} .bx-controls-direction a:hover {\r\n opacity: 1;\r\n}\r\n#{{ block.view_id }} .bx-prev {\r\n background-position: 0 0;\r\n}\r\n#{{ block.view_id }} .bx-next {\r\n   background-position: -36px 0;\r\n}\r\n#{{ block.view_id }} .bx-prev {\r\n   background-position: 0 0;\r\n}\r\n#{{ block.view_id }} .bx-pager-link {\r\n background-color: #747474;\r\n}\r\n#{{ block.view_id }} .bx-pager-link.active {\r\n background-color: #ec5837;\r\n}","slider-center.png","0","1","2015-04-24 15:10:24"),
    202 ("0","1","First Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzAwMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjUiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0ODoiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvZmlyc3QtY292ZXIvaW1hZ2UucG5nIjt9czoxMDoiYmdfaW1nX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n   <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n             <div class=\"octEl\" data-el=\"txt\">\r\n              <h2>\r\n                <span style=\"color: rgb(255, 255, 255);\">\r\n                  <em>Type here</em>\r\n                </span>\r\n              </h2>\r\n              <h1>\r\n                <strong>\r\n                  <span style=\"color: rgb(255, 255, 255);\">\r\n                      <span style=\"color: rgb(255, 102, 0);\">ANYTHING</span>\r\n                      YOU LIKE\r\n                      </span>\r\n                  </strong>\r\n              </h1>\r\n              </div>\r\n              <div>\r\n              <div class=\"octEl octElImg\" data-el=\"img\">\r\n                   <div class=\"octGalItemImgShell\"><img src=\"[OCT_ASSETS_URL]img/blocks/first-cover/line.png\"></div>\r\n               </div>\r\n              </div>\r\n              <div class=\"octCoverFooter octEl\" data-el=\"txt\">\r\n                <h4><span style=\"color: rgb(153, 153, 153);\"><em>Tell all your most important users of the website. Think about what they would like to know about you first.</em></span></h4>\r\n            </div>\r\n              <div class=\"octActBtnShell octEl octElInput\" data-el=\"btn\" data-bgcolor=\"#ff6600\" data-bgcolor-elements=\".octActBtn\" data-bgcolor-to=\"border\" data-customhover-clb=\"_hoverChangeFontColor\">\r\n                 <div class=\"octActBtn\" style=\"border-color: #ff6600;\">\r\n                  <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">GET OCTO NOW</a>\r\n                  <div class=\"octCornerDot octAddBgEl\" data-pos=\"left-top\" style=\"background-color: #ff6600;\"></div>\r\n                  <div class=\"octCornerDot octAddBgEl\" data-pos=\"right-top\" style=\"background-color: #ff6600;\"></div>\r\n                  <div class=\"octCornerDot octAddBgEl\" data-pos=\"left-bottom\" style=\"background-color: #ff6600;\"></div>\r\n                  <div class=\"octCornerDot octAddBgEl\" data-pos=\"right-bottom\" style=\"background-color: #ff6600;\"></div>\r\n               </div>\r\n             </div>\r\n          </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n  text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .octCoverFooter {\r\n margin: 0 auto 30px;\r\n    max-width: 60%;\r\n}\r\n#{{ block.view_id }} .octActBtnShell {\r\n  position: relative;\r\n}\r\n#{{ block.view_id }} .octActBtn {\r\n   position: relative;\r\n     padding: 20px 15px 15px;\r\n    border: 2px solid #ff6600;\r\n      display: inline-block;\r\n}\r\n#{{ block.view_id }} .octAddBgEl {\r\n   width: 10px;\r\n    height: 10px;\r\n   position: absolute;\r\n     border-radius: 50%;\r\n}\r\n#{{ block.view_id }} .octCornerDot[data-pos=\"left-top\"] {\r\n left: -5px;\r\n     top: -5px;\r\n}\r\n#{{ block.view_id }} .octCornerDot[data-pos=\"right-top\"] {\r\n right: -5px;\r\n    top: -5px;\r\n}\r\n#{{ block.view_id }} .octCornerDot[data-pos=\"left-bottom\"] {\r\n   left: -5px;\r\n     bottom: -5px;\r\n}\r\n#{{ block.view_id }} .octCornerDot[data-pos=\"right-bottom\"] {\r\n   right: -5px;\r\n    bottom: -5px;\r\n}\r\n#{{ block.view_id }} .octActBtn a {\r\n   color: #fff;\r\n    font-size: 20px;\r\n    text-decoration: none !important;\r\n   position: relative;\r\n     transition: color 0.3s ease-out;\r\n}\r\n\r\n","first-cover.png","0","1","2015-04-16 15:52:03"),
     199("0","4","Bridge Baner","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiI2ZmMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czo0OiIwLjg1Ijt9czo2OiJiZ19pbWciO2E6MTp7czozOiJ2YWwiO3M6NTI6IltPQ1RfQVNTRVRTX1VSTF1pbWcvYmxvY2tzL2JyaWRnZS1iYW5lci9JTUdfNjg4NS5qcGciO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"row\">\r\n     <div class=\"col col-sm-1\">\r\n        <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n            <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/bridge-baner/Shape.png\" /></div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col col-sm-8\">\r\n        <div class=\"octEl\" data-el=\"txt\">\r\n           <p><span style=\"color: rgb(255, 255, 255); font-size: 18pt; font-family: Playfair Display SC;\" data-mce-style=\"color: #ffffff; font-size: 18pt; font-family: Playfair Display SC;\">Welcome TO Charles Bridge</span></p>\r\n         </div>\r\n    </div>\r\n    <div class=\"col col-sm-3 octActBtn octEl octElInput\" data-el=\"btn\" data-bgcolor=\"rgba(255, 255, 255, 0.3)\" data-bgcolor-to=\"border\" data-customhover-clb=\"_hoverChangeBgColor\">\r\n       <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">ABOUT BRIDGE</a>\r\n    </div>\r\n  </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n     background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .row {\r\n  padding: 20px;\r\n}\r\n#{{block.view_id}} .octActBtn {\r\n  text-align: center;\r\n     border: 3px solid rgba(255, 255, 255, 0.3);\r\n     vertical-align: middle;\r\n     border-radius: 40px;\r\n}\r\n#{{block.view_id}} p {\r\n margin: 0;\r\n}\r\n#{{block.view_id}} .octActBtn a {\r\n    color: rgb(255, 255, 255); \r\n     font-size: 18pt; \r\n   font-family: PT Sans;\r\n   text-decoration: none !important;\r\n}\r\n\r\n\r\n","bridge-baner.jpg","0","1","2015-05-31 18:50:55"),
     200("0","3","Simple Gallery","0","YTo4OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjI5OiJhbGlnbnxhZGRfZ2FsX2l0ZW18ZmlsbF9jb2xvciI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxMToiaW1nX3Blcl9yb3ciO2E6MTp7czozOiJ2YWwiO3M6MToiNCI7fXM6MTM6Im5ld19pdGVtX2h0bWwiO2E6MTp7czozOiJ2YWwiO3M6NTkwOiI8ZGl2IGNsYXNzPVwiY29sLXNtLTMgb2N0R2FsSXRlbSBvY3RFbCBvY3RFbEltZ1wiIGRhdGEtZWw9XCJnYWxfaW1nXCI+DQogICAgICAgICAgPGRpdiBjbGFzcz1cIm9jdEdhbEl0ZW1JbWdTaGVsbFwiPg0KICAgICAgICAgICAgPGEgY2xhc3M9XCJvY3RHYWxMaW5rXCIgcmVsPVwicHJldHR5UGhvdG9be3tibG9jay52aWV3X2lkfX1dXCIgaHJlZj1cIltPQ1RfQVNTRVRTX1VSTF1pbWcvYmxvY2tzL3NpbXBsZS1nYWxsZXJ5L2NhdF8zLWpwZy5qcGdcIj4NCiAgICAgICAgICAgICAgPGltZyBjbGFzcz1cIm9jdEdhbEltZ1wiIHNyYz1cIltPQ1RfQVNTRVRTX1VSTF1pbWcvYmxvY2tzL3NpbXBsZS1nYWxsZXJ5L2NhdF8zLWpwZy5qcGdcIiBkYXRhLWZ1bGwtaW1nPVwiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvc2ltcGxlLWdhbGxlcnkvY2F0XzMtanBnLmpwZ1wiIC8+DQogICAgICAgICAgICA8L2E+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPVwib2N0RWwgb2N0R2FsSXRlbUNhcHRpb25cIiBkYXRhLWVsPVwidHh0XCI+PHA+UHV0IHlvdXIgdGV4dCBoZXJlPC9wPjwvZGl2Pg0KICAgICAgICAgIDwvZGl2Pg0KICAgICAgCTwvZGl2PiI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6MjA6InJnYmEoMTExLCAwLCAwLCAwLjUpIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjAuNSI7fXM6MjU6Im1lbnVfaXRlbV9uYW1lX2ZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiQ2FwdGlvbiI7fXM6MTQ6ImZpbGxfY29sb3JfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjEiO319","<div  class=\"container\">\r\n    <div class=\"row\">\r\n         <div class=\"col-sm-3 octGalItem octEl octElImg octElWithArea\" data-el=\"gal_img\">\r\n          <div class=\"octElArea\">\r\n            <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7115.jpg\">\r\n              <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7115-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7115.jpg\" />\r\n            </a>\r\n            <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n         </div>\r\n          <div class=\"col-sm-3 octGalItem octEl octElImg octElWithArea\" data-el=\"gal_img\">\r\n          <div class=\"octElArea\">\r\n                 <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7131.jpg\">\r\n                  <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7131-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7131.jpg\" />\r\n              </a>\r\n            <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n              </div>\r\n          <div class=\"col-sm-3 octGalItem octEl octElImg octElWithArea\" data-el=\"gal_img\">\r\n                <div class=\"octElArea\">\r\n                  <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7183.jpg\">\r\n                    <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7183-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7183.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n        </div>\r\n       <div class=\"col-sm-3 octGalItem octEl octElImg octElWithArea\" data-el=\"gal_img\">\r\n                <div class=\"octElArea\">\r\n                  <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7188.jpg\">\r\n                    <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7188-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7188.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n        </div>\r\n   </div>\r\n      <div class=\"row\">\r\n         <div class=\"col-sm-3 octGalItem octEl octElImg octElWithArea\" data-el=\"gal_img\">\r\n          <div class=\"octElArea\">\r\n            <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7191.jpg\">\r\n              <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7191-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7191.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n       </div>\r\n          <div class=\"col-sm-3 octGalItem octEl octElImg octElWithArea\" data-el=\"gal_img\">\r\n          <div class=\"octElArea\">\r\n                 <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7197.jpg\">\r\n                  <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7197-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7197.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n              </div>\r\n          <div class=\"col-sm-3 octGalItem octEl octElImg octElWithArea\" data-el=\"gal_img\">\r\n                <div class=\"octElArea\">\r\n                  <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7203.jpg\">\r\n                    <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7203-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7203.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n        </div>\r\n       <div class=\"col-sm-3 octGalItem octEl octElImg octElWithArea\" data-el=\"gal_img\">\r\n                <div class=\"octElArea\">\r\n                  <a class=\"octGalLink\" rel=\"prettyPhoto[{{block.view_id}}]\" href=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7206.jpg\">\r\n                    <img class=\"octGalImg\" src=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7206-small.jpg\" data-full-img=\"[OCT_ASSETS_URL]img/blocks/simple-gallery/IMG_7206.jpg\" /></a>\r\n          <div class=\"octEl octGalItemCaption\" data-el=\"txt\"><p>Put your text here</p></div>\r\n          </div>\r\n        </div>\r\n   </div>\r\n</div>\r\n","#{{block.view_id}} .octGalItem {\r\n padding: 0;\r\n}\r\n#{{block.view_id}} .octGalItem .octElArea {\r\n     max-height: 200px;\r\n      overflow: hidden;\r\n}\r\n#{{block.view_id}} .octGalItem .octElArea img {\r\n   width: 100%;\r\n    max-width: 300px;\r\n   \r\n}\r\n#{{block.view_id}} .octGalItem .octGalItemCaption {\r\n    position: absolute;\r\n     bottom: 0;\r\n      left: 0;\r\n    width: 100%;\r\n    \r\n    -webkit-box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    -webkit-transition: 500ms;\r\n    -o-transition: 500ms;\r\n    transition: 500ms;\r\n    background: rgba(111, 0, 0, 0.5);\r\n    color: white;\r\n    padding: 10px;\r\n     text-align: center;\r\n  \r\n    opacity: 0;\r\n    -webkit-transform: translateY(100%);\r\n    -ms-transform: translateY(100%);\r\n    -o-transform: translateY(100%);\r\n    transform: translateY(100%);\r\n}\r\n#{{block.view_id}} .octGalItem .octGalItemCaption p {\r\n   font-size: inherit;\r\n     line-height: inherit;\r\n   margin: 0;\r\n}\r\n#{{block.view_id}} .octElArea:hover .octGalItemCaption,\r\n#{{block.view_id}} .octElArea .octGalItemCaption.mce-edit-focus{\r\n  opacity: 1;\r\n    -webkit-transform: translateY(0);\r\n    -ms-transform: translateY(0);\r\n    -o-transform: translateY(0);\r\n    transform: translateY(0);\r\n}\r\n\r\n","simple-gallery.jpg","0","1","2015-05-27 19:04:15"),
     201("0","2","Slider Center","0","YTozOntzOjE0OiJuZXdfc2xpZGVfaHRtbCI7YToxOntzOjM6InZhbCI7czo5MDU6IjxsaSBjbGFzcz1cIm9jdFNsaWRlXCI+DQogICAgICAgICAgPGRpdiBjbGFzcz1cIm9jdEVsIG9jdEVsSW1nXCIgZGF0YS1tZW51LXRvLWJvdHRvbT1cIjFcIiBkYXRhLWVsPVwiaW1nXCI+DQo8ZGl2IGNsYXNzPVwib2N0R2FsSXRlbUltZ1NoZWxsXCI+PGltZyBjbGFzcz1cIm9jdFNsaWRlSW1nXCIgc3JjPVwiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3Mvc2xpZGVyLWNlbnRlci9zbGlkZS0wMS5wbmdcIiAvPjwvZGl2Pg0KPC9kaXY+DQogICAgICAgICAgPGRpdiBjbGFzcz1cIm9jdFNsaWRlVGl0bGVTaGVsbFwiPg0KICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm9jdFNsaWRlVGl0bGUgb2N0RWxcIiBkYXRhLWVsPVwidHh0XCI+DQogICAgICAgICAgICAgIDxoMz4NCiAgICAgICAgICAgICAgICAgIDxlbT5TbGlkZSAwMTwvZW0+DQogICAgICAgICAgICAgIDwvaDM+DQogICAgICAgICAgICAgIDxoMT4NCiAgICAgICAgICAgICAgICAgIDxzdHJvbmc+VEhJUyBJTUFHRSBUSVRMRTwvc3Ryb25nPg0KICAgICAgICAgICAgICA8L2gxPg0KICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgPC9kaXY+DQogICAgICAgICAgPGRpdiBjbGFzcz1cIm9jdFNsaWRlRm9vdGVyU2hlbGxcIj4NCiAgICAgICAgICAJPGRpdiBjbGFzcz1cIm9jdFNsaWRlRm9vdGVyIG9jdEVsXCIgZGF0YS1lbD1cInR4dFwiPg0KICAgICAgICAgICAgICA8aDQ+PGVtPlRlbGwgYWxsIHlvdXIgbW9zdCBpbXBvcnRhbnQgdXNlcnMgb2YgdGhlIHdlYnNpdGUuIFRoaW5rIGFib3V0PC9lbT48L2g0Pg0KICAgICAgICAgICAgICAgIDxoND48ZW0+d2hhdCB0aGV5IHdvdWxkIGxpa2UgdG8ga25vdyBhYm91dCB5b3UgZmlyc3QuPC9lbT48L2g0Pg0KICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgPC9kaXY+DQoJCTwvbGk+Ijt9czoxMDoibWVudV9pdGVtcyI7YToxOntzOjM6InZhbCI7czoyNzoiYWxpZ258YWRkX3NsaWRlfGVkaXRfc2xpZGVzIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO319","<div  class=\"container\">\r\n <ul id=\"octSlider_{{block.session_id}}\" class=\"bxslider octSliderShell\">\r\n        <li class=\"octSlide\">\r\n          <div class=\"octEl octElImg octElWithArea\" data-menu-to-bottom=\"1\" data-el=\"img\">\r\n            <div class=\"octElArea\"><img class=\"octSlideImg\" src=\"[OCT_ASSETS_URL]img/blocks/slider-center/slide-01.png\" /></div>\r\n            </div>\r\n          <div class=\"octSlideTitleShell\">\r\n            <div class=\"octSlideTitle octEl\" data-el=\"txt\">\r\n              <h3>\r\n                  <em>Slide 01</em>\r\n              </h3>\r\n              <h1>\r\n                  <strong>THIS IMAGE TITLE</strong>\r\n              </h1>\r\n            </div>\r\n          </div>\r\n          <div class=\"octSlideFooterShell\">\r\n           <div class=\"octSlideFooter octEl\" data-el=\"txt\">\r\n              <h4><em>Tell all your most important users of the website. Think about</em></h4>\r\n               <h4><em>what they would like to know about you first.</em></h4>\r\n            </div>\r\n          </div>\r\n      </li>\r\n       <li class=\"octSlide\">\r\n          <div class=\"octEl octElImg octElWithArea\" data-menu-to-bottom=\"1\" data-el=\"img\">\r\n            <div class=\"octElArea\"><img class=\"octSlideImg\" src=\"[OCT_ASSETS_URL]img/blocks/slider-center/slide-02.png\" /></div>\r\n            </div>\r\n          <div class=\"octSlideTitleShell\">\r\n            <div class=\"octSlideTitle octEl\" data-el=\"txt\">\r\n              <h3>\r\n                  <em>Slide 02</em>\r\n              </h3>\r\n              <h1>\r\n                  <strong>THIS IMAGE TITLE SLIDE 2</strong>\r\n              </h1>\r\n            </div>\r\n          </div>\r\n          <div class=\"octSlideFooterShell\">\r\n           <div class=\"octSlideFooter octEl\" data-el=\"txt\">\r\n              <h4><em>Tell all your most important users of the website. Think about</em></h4>\r\n              <h4><em>what they would like to know about you first.</em></h4>\r\n            </div>\r\n          </div>\r\n       </li>\r\n   </ul>  \r\n</div>","#{{ block.view_id }}.octAlign_left .octSlideTitleShell {\r\n    text-align: left;\r\n   bottom: 50%;\r\n    top: auto;\r\n}\r\n#{{ block.view_id }}.octAlign_left .octSlideFooterShell {\r\n    position: absolute;\r\n     text-align: left;\r\n   top: 50%;\r\n   left: 0;\r\n}\r\n#{{ block.view_id }}.octAlign_left .octSlideFooter {\r\n   max-width: 80%;\r\n}\r\n#{{ block.view_id }}.octAlign_left .octSlide .octElImg {\r\n    float: right;\r\n   margin-right: 36px;\r\n}\r\n#{{ block.view_id }}.octAlign_right .octSlideTitleShell {\r\n   text-align: right;\r\n      bottom: 50%;\r\n    top: auto;\r\n}\r\n#{{ block.view_id }}.octAlign_right .octSlideFooterShell {\r\n   position: absolute;\r\n     text-align: right;\r\n      top: 50%;\r\n   left: 0;\r\n}\r\n#{{ block.view_id }}.octAlign_right .octSlideFooter {\r\n  max-width: 80%;\r\n}\r\n#{{ block.view_id }}.octAlign_right .octSlide .octElImg {\r\n   float: left;\r\n    margin-left: 36px;\r\n}\r\n#{{ block.view_id }} .bx-wrapper img {\r\n   margin: 0 auto;\r\n}\r\n#{{ block.view_id }} .bx-wrapper {\r\n  border: none;\r\n   box-shadow: none;\r\n}\r\n#{{ block.view_id }} .bxslider li {\r\n   text-align: center;\r\n     position: relative;\r\n}\r\n#{{ block.view_id }} .octSlideImg {\r\n\r\n}\r\n#{{ block.view_id }} .octSlideTitleShell {\r\n  position: absolute;\r\n     left: 0;\r\n    width: 100%;\r\n    top: 0;\r\n}\r\n#{{ block.view_id }} .octSlideTitle {\r\n   margin: 0 auto;\r\n     color: #ec5837; /*This should be taken from settings*/\r\n      max-width: 80%;\r\n}\r\n#{{ block.view_id }} .octSlideFooterShell {\r\n     width: 100%;\r\n}\r\n#{{ block.view_id }} .octSlideFooter {\r\n margin: 0 auto;\r\n color: #747474; /*This should be taken from settings*/\r\n  max-width: 60%;\r\n}\r\n#{{ block.view_id }} .bx-controls-direction a {\r\n background-image: url(\"[OCT_ASSETS_URL]img/blocks/slider-center/controls.png\");\r\n   height: 63px;\r\n    width: 36px;\r\n   opacity: 0.8;\r\n}\r\n#{{ block.view_id }} .bx-controls-direction a:hover {\r\n opacity: 1;\r\n}\r\n#{{ block.view_id }} .bx-prev {\r\n background-position: 0 0;\r\n}\r\n#{{ block.view_id }} .bx-next {\r\n   background-position: -36px 0;\r\n}\r\n#{{ block.view_id }} .bx-prev {\r\n   background-position: 0 0;\r\n}\r\n#{{ block.view_id }} .bx-pager-link {\r\n background-color: #747474;\r\n}\r\n#{{ block.view_id }} .bx-pager-link.active {\r\n background-color: #ec5837;\r\n}","slider-center.png","0","1","2015-04-24 15:10:24"),
     202("0","1","First Cover","0","YTo3OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzAwMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjUiO31zOjY6ImJnX2ltZyI7YToxOntzOjM6InZhbCI7czo0ODoiW09DVF9BU1NFVFNfVVJMXWltZy9ibG9ja3MvZmlyc3QtY292ZXIvaW1hZ2UucG5nIjt9czoxMDoiYmdfaW1nX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIxIjt9fQ==","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n   <div class=\"octCoverContentShell\">\r\n        <div class=\"octCoverContent\">\r\n             <div class=\"octEl\" data-el=\"txt\">\r\n              <h2>\r\n                <span style=\"color: rgb(255, 255, 255);\">\r\n                  <em>Type here</em>\r\n                </span>\r\n              </h2>\r\n              <h1>\r\n                <strong>\r\n                  <span style=\"color: rgb(255, 255, 255);\">\r\n                      <span style=\"color: rgb(255, 102, 0);\">ANYTHING</span>\r\n                      YOU LIKE\r\n                      </span>\r\n                  </strong>\r\n              </h1>\r\n              </div>\r\n              <div>\r\n              <div class=\"octEl octElImg octElWithArea\" data-el=\"img\">\r\n                 <div class=\"octElArea\"><img src=\"[OCT_ASSETS_URL]img/blocks/first-cover/line.png\"></div>\r\n                </div>\r\n              </div>\r\n              <div class=\"octCoverFooter octEl\" data-el=\"txt\">\r\n                <h4><span style=\"color: rgb(153, 153, 153);\"><em>Tell all your most important users of the website. Think about what they would like to know about you first.</em></span></h4>\r\n            </div>\r\n              <div class=\"octActBtnShell octEl octElInput\" data-el=\"btn\" data-bgcolor=\"#ff6600\" data-bgcolor-elements=\".octActBtn\" data-bgcolor-to=\"border\" data-customhover-clb=\"_hoverChangeFontColor\">\r\n                 <div class=\"octActBtn\" style=\"border-color: #ff6600;\">\r\n                  <a target=\"_blank\" href=\"http://octonis.com/\" class=\"octEditArea octInputShell\">GET OCTO NOW</a>\r\n                  <div class=\"octCornerDot octAddBgEl\" data-pos=\"left-top\" style=\"background-color: #ff6600;\"></div>\r\n                  <div class=\"octCornerDot octAddBgEl\" data-pos=\"right-top\" style=\"background-color: #ff6600;\"></div>\r\n                  <div class=\"octCornerDot octAddBgEl\" data-pos=\"left-bottom\" style=\"background-color: #ff6600;\"></div>\r\n                  <div class=\"octCornerDot octAddBgEl\" data-pos=\"right-bottom\" style=\"background-color: #ff6600;\"></div>\r\n               </div>\r\n             </div>\r\n          </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n   position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverContentShell {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n}\r\n#{{block.view_id}} .octCoverContent {\r\n  text-align: center;\r\n     margin-top: 10%;\r\n}\r\n#{{ block.view_id }} .octCoverFooter {\r\n margin: 0 auto 30px;\r\n    max-width: 60%;\r\n}\r\n#{{ block.view_id }} .octActBtnShell {\r\n  position: relative;\r\n}\r\n#{{ block.view_id }} .octActBtn {\r\n   position: relative;\r\n     padding: 20px 15px 15px;\r\n    border: 2px solid #ff6600;\r\n      display: inline-block;\r\n}\r\n#{{ block.view_id }} .octAddBgEl {\r\n   width: 10px;\r\n    height: 10px;\r\n   position: absolute;\r\n     border-radius: 50%;\r\n}\r\n#{{ block.view_id }} .octCornerDot[data-pos=\"left-top\"] {\r\n left: -5px;\r\n     top: -5px;\r\n}\r\n#{{ block.view_id }} .octCornerDot[data-pos=\"right-top\"] {\r\n right: -5px;\r\n    top: -5px;\r\n}\r\n#{{ block.view_id }} .octCornerDot[data-pos=\"left-bottom\"] {\r\n   left: -5px;\r\n     bottom: -5px;\r\n}\r\n#{{ block.view_id }} .octCornerDot[data-pos=\"right-bottom\"] {\r\n   right: -5px;\r\n    bottom: -5px;\r\n}\r\n#{{ block.view_id }} .octActBtn a {\r\n   color: #fff;\r\n    font-size: 20px;\r\n    text-decoration: none !important;\r\n   position: relative;\r\n     transition: color 0.3s ease-out;\r\n}\r\n\r\n","first-cover.png","0","1","2015-04-16 15:52:03"),
    203203("0","4","Union Plus Baner","0","YTo2OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjIzOiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZyI7fXM6NToiYWxpZ24iO2E6MTp7czozOiJ2YWwiO3M6NjoiY2VudGVyIjt9czoxNDoiZmlsbF9jb2xvcl9lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMSI7fXM6MTA6ImZpbGxfY29sb3IiO2E6MTp7czozOiJ2YWwiO3M6NzoiIzAwMDAwMCI7fXM6MTg6ImZpbGxfY29sb3Jfb3BhY2l0eSI7YToxOntzOjM6InZhbCI7czozOiIwLjAiO31zOjEwOiJiZ19pbWdfZW5iIjthOjE6e3M6MzoidmFsIjtzOjE6IjAiO319","<div class=\"octCoverOverlay\"></div>\r\n<div class=\"container\">\r\n  <div class=\"row\">\r\n     <div class=\"col col-sm-12\">       \r\n            <div class=\"octEl octMainText mce-content-body mce-edit-focus\" data-el=\"txt\" id=\"octTxt_33730\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"color: rgb(51, 51, 51); font-size: 18pt; font-family: \'Libre Baskerville\', serif;\" data-mce-style=\"color: #ffffff; font-size: 18pt; font-family: \'Libre Baskerville\', serif;\">Octonis is a great tool that allow you build site of your dream using just WordPress platform for this. Just install plugin, convert any post or page - to Octonis, and build it\'s content using simple drag-and-drop functionality. Try it for absolutelly Free now - and check it\'s possibilities.</span></p></div>\r\n        </div>\r\n  </div>\r\n    <div class=\"row\">\r\n       <div class=\"col col-sm-6\">\r\n            <div class=\"octEl\" data-el=\"txt\"><p><strong><span style=\"color: rgb(117, 197, 177); font-size: 18pt; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 18pt; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\">START</span></strong></p></div>\r\n         <div class=\"octEl\" data-el=\"txt\"><p><strong><span style=\"color: rgb(51, 51, 51); font-size: 18pt; font-family: \'Libre Baskerville\', serif;\" data-mce-style=\"color: #ffffff; font-size: 18pt; font-family: \'Libre Baskerville\', serif;\">WordPress setup</span></strong></p></div>\r\n            <div class=\"octEl\" data-el=\"txt\"><p><span style=\"color: rgb(51, 51, 51); font-size: 13pt; font-family: \'Libre Baskerville\', serif;\" data-mce-style=\"color: #ffffff; font-size: 13pt; font-family: \'Libre Baskerville\', serif;\">Install plugin</span></p><p><span style=\"color: rgb(51, 51, 51); font-size: 13pt; font-family: \'Libre Baskerville\', serif;\" data-mce-style=\"color: #ffffff; font-size: 13pt; font-family: \'Libre Baskerville\', serif;\">Active</span></p></div>\r\n       </div>\r\n\r\n      <div class=\"col col-sm-6\">\r\n            <div class=\"octEl\" data-el=\"txt\"><p><strong><span style=\"color: rgb(117, 197, 177); font-size: 18pt; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\" data-mce-style=\"color: #ffffff; font-size: 18pt; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif;\">BUILD</span></strong></p></div>\r\n         <div class=\"octEl\" data-el=\"txt\"><p><strong><span style=\"color: rgb(51, 51, 51); font-size: 18pt; font-family: \'Libre Baskerville\', serif;\" data-mce-style=\"color: #ffffff; font-size: 18pt; font-family: \'Libre Baskerville\', serif;\">Octonis setup</span></strong></p></div>\r\n          <div class=\"octEl\" data-el=\"txt\"><p><span style=\"color: rgb(51, 51, 51); font-size: 13pt; font-family: \'Libre Baskerville\', serif;\" data-mce-style=\"color: #ffffff; font-size: 13pt; font-family: \'Libre Baskerville\', serif;\">Go to Page builder</span></p><p><span style=\"color: rgb(51, 51, 51); font-size: 13pt; font-family: \'Libre Baskerville\', serif;\" data-mce-style=\"color: #ffffff; font-size: 13pt; font-family: \'Libre Baskerville\', serif;\">Drag-and-drop blocks</span></p></div>\r\n     </div>\r\n    </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n     background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n#{{block.view_id}} .octCoverOverlay {\r\n position: absolute;\r\n     width: 100%;\r\n    height: 100%;\r\n   top: 0;\r\n     left: 0;\r\n    background-color: {{ block.params.fill_color.val }};\r\n    opacity: {{ block.params.fill_color_opacity.val }};\r\n    {% if not block.params.fill_color_enb.val %}\r\n    display: none;\r\n    {% endif %}\r\n}\r\n#{{block.view_id}} .row {\r\n  padding: 20px;\r\n      /*vertical-align: middle;*/\r\n     position: relative;\r\n}\r\n/*#{{block.view_id}} .row .col {\r\n    display: inline-block;\r\n}*/\r\n#{{block.view_id}} p {\r\n margin: 0;\r\n}\r\n#{{block.view_id}} .octMainText {\r\n    text-align:center;\r\n      margin-top: 10%;\r\n}\r\n#{{block.view_id}} .octEl {\r\n    text-align:center;\r\n}\r\n/*#{{block.view_id}} .octHelpText {\r\n  text-align:center;\r\n      display: inline-block;\r\n      margin-left: 4%;\r\n    width: 44%;\r\n     margin-top: 10%;\r\n}*/\r\n#{{block.view_id}} .col div {\r\n    margin-top: 10px;\r\n}\r\n\r\n\r\n","union-plus-banner.jpg","0","1","2015-07-06 18:53:49"),
    204204("0","9","Zoom Small Cover","0","YTo4OntzOjEwOiJtZW51X2l0ZW1zIjthOjE6e3M6MzoidmFsIjtzOjM3OiJhbGlnbnxmaWxsX2NvbG9yfGJnX2ltZ3xhZGRfZ3JpZF9pdGVtIjt9czo1OiJhbGlnbiI7YToxOntzOjM6InZhbCI7czo2OiJjZW50ZXIiO31zOjE0OiJmaWxsX2NvbG9yX2VuYiI7YToxOntzOjM6InZhbCI7czoxOiIwIjt9czoxMDoiZmlsbF9jb2xvciI7YToxOntzOjM6InZhbCI7czo0OiIjZmZmIjt9czoxODoiZmlsbF9jb2xvcl9vcGFjaXR5IjthOjE6e3M6MzoidmFsIjtzOjM6IjEuMCI7fXM6MTA6ImJnX2ltZ19lbmIiO2E6MTp7czozOiJ2YWwiO3M6MToiMCI7fXM6MTI6Im1heF9yb3dfY29scyI7YToxOntzOjM6InZhbCI7czoxOiIzIjt9czoxMzoibmV3X2l0ZW1faHRtbCI7YToxOntzOjM6InZhbCI7czoxNTAzOiI8ZGl2IGNsYXNzPVwib2N0R3JpZEVsZW1lbnQgY29sIGNvbC1zbS00IG9jdEVsIG9jdEVsV2l0aEFyZWFcIiBkYXRhLWVsPVwiZ3JpZF9jb2xcIiBkYXRhLWNvbG9yPVwicmdiYSgyNTUsIDk3LCAxOTUsIDAuNClcIiBkYXRhLWVuYi1jb2xvcj1cIjBcIiBkYXRhLWVuYi1iZy1pbWc9XCIwXCIgZGF0YS1iZy1pbWc9XCJbT0NUX0FTU0VUU19VUkxdaW1nL2Jsb2Nrcy91bmlvbi1ncmlkL3RhbGwxLmpwZ1wiPg0KCQkJPGRpdiBjbGFzcz1cIm9jdEdyaWRFbGVtZW50Q29udGVudCBvY3RFbEFyZWFcIj4NCgkJCQk8ZGl2IGNsYXNzPVwib2N0RWxPdmVybGF5XCI+PC9kaXY+DQoJCQkJPGRpdiBjbGFzcz1cIm9jdEVsIHRpdGxlXCIgZGF0YS1lbD1cInR4dFwiIGNvbnRlbnRlZGl0YWJsZT1cInRydWVcIiBzcGVsbGNoZWNrPVwiZmFsc2VcIj48cD48c3Ryb25nPjxzcGFuIHN0eWxlPVwiY29sb3I6IHJnYigwLCAwLCAwKTsgZm9udC1mYW1pbHk6IFBsYXlmYWlyIERpc3BsYXkgU0M7IGZvbnQtc2l6ZTogMThwdDtcIiBkYXRhLW1jZS1zdHlsZT1cImNvbG9yOiAjMDAwMDAwOyBmb250LWZhbWlseTogUGxheWZhaXIgRGlzcGxheSBTQzsgZm9udC1zaXplOiAxOHB0O1wiPkNob29zZSBhbmQgY3VzdG9taXplIHRoZSBibG9ja3MgaW4geW91ciBvd24gc3R5bGU8L3NwYW4+PC9zdHJvbmc+PC9wPjwvZGl2Pg0KCQkJCTxkaXYgY2xhc3M9XCJvY3RFbFwiIGRhdGEtZWw9XCJ0eHRcIiBjb250ZW50ZWRpdGFibGU9XCJ0cnVlXCIgc3BlbGxjaGVjaz1cImZhbHNlXCI+PHA+PHNwYW4gc3R5bGU9XCJjb2xvcjogcmdiKDAsIDAsIDApOyBmb250LWZhbWlseTogTGF0bywgUmFsZXdheSwgXCdIZWx2ZXRpY2EgTmV1ZVwnLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmOyBmb250LXNpemU6IDEzcHQ7XCIgZGF0YS1tY2Utc3R5bGU9XCJjb2xvcjogIzAwMDAwMDsgZm9udC1mYW1pbHk6IExhdG8sIFJhbGV3YXksIFwnSGVsdmV0aWNhIE5ldWVcJywgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZjsgZm9udC1zaXplOiAxM3B0O1wiPk9jdG9uaXMgb2ZmZXJzIHlvdSBsb3RzIG9mIGJsb2NrcyB0aGF0IGNhbiBiZSBjdXN0b21pemVkIGFzIHlvdSB3YW50ISBZb3UgY2FuIGNoYW5nZSBmb250IHN0eWxlLCBmb250IHNpemUsIGZvbnQgY29sb3IsIGJhY2tncm91bmQsIGltYWdlcyBhbmQgbXVjaCBtb3JlISBUaGVzZSBhZGp1c3RtZW50IG9wdGlvbnMgd2lsbCBoZWxwIHlvdSB0byBjcmVhdGUgd2Vic2l0ZXMgdGhhdCBhcmUgdHJ1bHkgeW91cnMuPC9zcGFuPjwvcD4NCgkJCQkJPHA+PHNwYW4gc3R5bGU9XCJmb250LWZhbWlseTogXCdMaWJyZSBCYXNrZXJ2aWxsZVwnLCBzZXJpZjtcIiBkYXRhLW1jZS1zdHlsZT1cImZvbnQtZmFtaWx5OiBcJ0xpYnJlIEJhc2tlcnZpbGxlXCcsIHNlcmlmO1wiPjxiciAvPjxhIGhyZWY9IFwiaHR0cDovL29jdG9uaXMuY29tL1wiPkxlYXJuIE1vcmU8L2E+PC9zcGFuPjwvcD4NCgkJCQk8L2Rpdj4NCgkJCTwvZGl2Pg0KCQk8L2Rpdj4iO319","<div class=\"container\">\r\n   <div class=\"octGridWrapper row\">\r\n      <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n          <div class=\"octGridElementContent octElArea\">\r\n             <div class=\"octElOverlay\"></div>\r\n              <div class=\"octEl title\" data-el=\"txt\" contenteditable=\"true\" spellcheck=\"false\"><p><strong><span style=\"color: rgb(0, 0, 0); font-family: Playfair Display SC; font-size: 18pt;\" data-mce-style=\"color: #000000; font-family: Playfair Display SC; font-size: 18pt;\">Just imagine that creating websites can be really fun</span></strong></p></div>\r\n               <div class=\"octEl\" data-el=\"txt\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"color: rgb(0, 0, 0); font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif; font-size: 13pt;\" data-mce-style=\"color: #000000; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif; font-size: 13pt;\">Octonis is a convenient website builder with a friendly drag-and-drop interface and lots of customizing options and built-in themes. From now on you won\'t need coding, design or technical skills, Octonis will do all that for you.</span></p>\r\n                  <p><span style=\"font-family: \'Libre Baskerville\', serif;\" data-mce-style=\"font-family: \'Libre Baskerville\', serif;\"><br /><a href= \"http://octonis.com/\">Learn More</a></span></p>\r\n             </div>\r\n          </div>\r\n      </div>\r\n        <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n            <div class=\"octGridElementContent octElArea\">\r\n             <div class=\"octElOverlay\"></div>\r\n              <div class=\"octEl title\" data-el=\"txt\" contenteditable=\"true\" spellcheck=\"false\"><p><strong><span style=\"color: rgb(0, 0, 0); font-family: Playfair Display SC; font-size: 18pt;\" data-mce-style=\"color: #000000; font-family: Playfair Display SC; font-size: 18pt;\">Choose and customize the blocks in your own style</span></strong></p></div>\r\n               <div class=\"octEl\" data-el=\"txt\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"color: rgb(0, 0, 0); font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif; font-size: 13pt;\" data-mce-style=\"color: #000000; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif; font-size: 13pt;\">Octonis offers you lots of blocks that can be customized as you want! You can change font style, font size, font color, background, images and much more! These adjustment options will help you to create websites that are truly yours.</span></p>\r\n                    <p><span style=\"font-family: \'Libre Baskerville\', serif;\" data-mce-style=\"font-family: \'Libre Baskerville\', serif;\"><br /><a href= \"http://octonis.com/\">Learn More</a></span></p>\r\n                </div>\r\n          </div>\r\n      </div>\r\n          <div class=\"octGridElement col col-sm-4 octEl octElWithArea\" data-el=\"grid_col\" data-color=\"rgba(255, 97, 195, 0.4)\" data-enb-color=\"0\" data-enb-bg-img=\"0\" data-bg-img=\"[OCT_ASSETS_URL]img/blocks/union-grid/tall1.jpg\">\r\n          <div class=\"octGridElementContent octElArea\">\r\n             <div class=\"octElOverlay\"></div>\r\n              <div class=\"octEl title\" data-el=\"txt\" contenteditable=\"true\" spellcheck=\"false\"><p><strong><span style=\"color: rgb(0, 0, 0); font-family: Playfair Display SC; font-size: 18pt;\" data-mce-style=\"color: #000000; font-family: Playfair Display SC; font-size: 18pt;\">The Most Friendly and Easy Drag-and-Drop</span></strong></p></div>\r\n                <div class=\"octEl\" data-el=\"txt\" contenteditable=\"true\" spellcheck=\"false\"><p><span style=\"color: rgb(0, 0, 0); font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif; font-size: 13pt;\" data-mce-style=\"color: #000000; font-family: Lato, Raleway, \'Helvetica Neue\', Helvetica, Arial, sans-serif; font-size: 13pt;\">Don\'t spend long hours on getting familiar with a new interface. Octonis cares for you and helps you to save your time. That is why we\'ve created this intuitive drag-and-drop interface. It allows you to start building your website right away.</span></p>\r\n                 <p><span style=\"font-family: \'Libre Baskerville\', serif;\" data-mce-style=\"font-family: \'Libre Baskerville\', serif;\"><br /><a href= \"http://octonis.com/\">Learn More</a></span></p>               \r\n             </div>\r\n          </div>\r\n      </div>\r\n      </div>\r\n</div>","#{{block.view_id}} {\r\n  {% if block.params.bg_img_enb.val %}\r\n   background: url(\"{{ block.params.bg_img.val }}\") no-repeat center center; \r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\');\r\n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{{ block.params.bg_img.val }}\', sizingMethod=\'scale\')\";\r\n  {% endif %}\r\n}\r\n/*align*/\r\n#{{block.view_id}}.octAlign_left .octCoverContent * {\r\n    text-align: left;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverContentShell {\r\n  left: 10%;\r\n}\r\n#{{block.view_id}}.octAlign_left .octCoverFooter,\r\n#{{block.view_id}}.octAlign_right .octCoverFooter {\r\n margin: 0;\r\n      max-width: none;\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContent * {\r\n text-align: right\r\n}\r\n#{{block.view_id}}.octAlign_right .octCoverContentShell {\r\n width: 90%;\r\n}\r\n#{{block.view_id}} .row {\r\n   padding-top: 10px;\r\n      padding-bottom: 10px;\r\n}\r\n#{{block.view_id}} .octEl.title span:before {\r\n     content: \"\";\r\n  position: absolute;\r\n top: 1px;\r\n   left: -24px;\r\n    z-index: 1;\r\n width: 10px;\r\n    height: 10px;\r\n   background: #85d6de;\r\n    -webkit-border-radius: 50%;\r\n -moz-border-radius: 50%;\r\n    border-radius: 50%;\r\n}\r\n","zoom-small-cover.jpg","0","1","2015-07-07 12:58:19")');

  • octonis-page-builder/trunk/config.php

    r1218503 r1224053  
    1919    define('OCT_MODULES_DIR', OCT_DIR. 'modules'. DS);
    2020    define('OCT_FILES_DIR', OCT_DIR. 'files'. DS);
     21    define('OCT_JS_DIR', OCT_DIR. 'js'. DS);
    2122    define('OCT_ADMIN_DIR', ABSPATH. 'wp-admin'. DS);
    2223
    … …  
    2728    define('OCT_MODULES_PATH', WP_PLUGIN_URL.'/'.basename(dirname(__FILE__)).'/modules/');
    2829    define('OCT_TEMPLATES_PATH', WP_PLUGIN_URL.'/'.basename(dirname(__FILE__)).'/templates/');
    29     define('OCT_JS_DIR', OCT_DIR. 'js/');
    30 
     30   
    3131    define('OCT_URL', OCT_SITE_URL);
    3232
    … …  
    4848   
    4949    define('OCT_PLUGIN_INSTALLED', true);
    50     define('OCT_VERSION', '1.0.2');
     50    define('OCT_VERSION', '1.0.3');
    5151    define('OCT_USER', 'user');
    5252   

  • octonis-page-builder/trunk/js/common.js

    r1212815 r1224053  
    618618function octCheckUpdateArea(selector) {
    619619    jQuery(selector).find('input[type=checkbox]').iCheck('update');
     620    jQuery(selector).find('input[type=radio]').iCheck('update');
    620621}
    621622function octCallWpMedia(params) {

  • octonis-page-builder/trunk/js/jquery.bootstrap.colorpicker/jquery.colorpickersliders.css

    r1218503 r1224053  
    3535    margin-right: 10px;
    3636}
    37 .mce-container .mce-colorbutton,
    38 .octElMenuBtn.octColorBtn {
     37.mce-container .mce-colorbutton {
    3938    margin-top: 5px;
    4039    margin-left: 3px;
     40}
     41.octElMenuBtn.octColorBtn .octColorpickerInputShell {
     42    vertical-align: middle;
    4143}
    4244.octColorpickerInput,

  • octonis-page-builder/trunk/js/tinymce/skins/octo/skin.min.css

    r1212815 r1224053  
    1 .mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
    2     margin: 0;
    3     padding: 0;
    4     border: 0;
    5     outline: 0;
    6     vertical-align: top;
    7     background: 0 0;
    8     text-decoration: none;
    9     color: #fff;
    10     font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    11     font-size: 14px;
    12     text-shadow: none;
    13     float: none;
    14     position: static;
    15     width: auto;
    16     height: auto;
    17     white-space: nowrap;
    18     cursor: inherit;
    19     -webkit-tap-highlight-color: transparent;
    20     line-height: normal;
    21     font-weight: 400;
    22     text-align: left;
    23     -moz-box-sizing: content-box;
    24     -webkit-box-sizing: content-box;
    25     box-sizing: content-box;
    26     direction: ltr;
    27     max-width: none;
    28 }
    29 .mce-widget button {
    30     -moz-box-sizing: border-box;
    31     -webkit-box-sizing: border-box;
    32     box-sizing: border-box;
    33 }
    34 .mce-container [unselectable] {
    35     -moz-user-select: none;
    36     -webkit-user-select: none;
    37     -o-user-select: none;
    38     user-select: none;
    39 }
    40 .mce-container.mce-btn-group div[id^="mceu_"]:empty {
    41     background-color: #5b4b63;
    42     height: 16px;
    43     margin: 7px 3px 0 3px;
    44     width: 1px;
    45 }
    46 .mce-fade {
    47     opacity: 0;
    48     -webkit-transition: opacity .15s linear;
    49     transition: opacity .15s linear;
    50 }
    51 .mce-fade.mce-in {
    52     opacity: 1;
    53 }
    54 .mce-tinymce {
    55     visibility: inherit!important;
    56     position: relative;
    57 }
    58 .mce-fullscreen {
    59     border: 0;
    60     padding: 0;
    61     margin: 0;
    62     overflow: hidden;
    63     height: 100%;
    64     z-index: 100;
    65 }
    66 div.mce-fullscreen {
    67     position: fixed;
    68     top: 0;
    69     left: 0;
    70     width: 100%;
    71     height: auto;
    72 }
    73 .mce-tinymce {
    74     display: block;
    75     -webkit-border-radius: 2px;
    76     -moz-border-radius: 2px;
    77     border-radius: 2px;
    78 }
    79 .mce-wordcount {
    80     position: absolute;
    81     top: 0;
    82     right: 0;
    83     padding: 8px;
    84 }
    85 div.mce-edit-area {
    86     background: #FFF;
    87     filter: none;
    88 }
    89 .mce-statusbar {
    90     position: relative;
    91 }
    92 .mce-statusbar .mce-container-body {
    93     position: relative;
    94 }
    95 .mce-fullscreen .mce-resizehandle {
    96     display: none;
    97 }
    98 .mce-charmap {
    99     border-collapse: collapse;
    100 }
    101 .mce-charmap td {
    102     cursor: default;
    103     border: 1px solid #9e9e9e;
    104     width: 20px;
    105     height: 20px;
    106     line-height: 20px;
    107     text-align: center;
    108     vertical-align: middle;
    109     padding: 2px;
    110 }
    111 .mce-charmap td div {
    112     text-align: center;
    113 }
    114 .mce-charmap td:hover {
    115     background: #d9d9d9;
    116 }
    117 .mce-grid td.mce-grid-cell div {
    118     border: 1px solid #d6d6d6;
    119     width: 15px;
    120     height: 15px;
    121     margin: 0;
    122     cursor: pointer;
    123 }
    124 .mce-grid td.mce-grid-cell div:focus {
    125     border-color: #a1a1a1;
    126 }
    127 .mce-grid td.mce-grid-cell div[disabled] {
    128     cursor: not-allowed;
    129 }
    130 .mce-grid {
    131     border-spacing: 2px;
    132     border-collapse: separate;
    133 }
    134 .mce-grid a {
    135     display: block;
    136     border: 1px solid transparent;
    137 }
    138 .mce-grid a:hover, .mce-grid a:focus {
    139     border-color: #a1a1a1;
    140 }
    141 .mce-grid-border {
    142     margin: 0 4px 0 4px;
    143 }
    144 .mce-grid-border a {
    145     border-color: #d6d6d6;
    146     width: 13px;
    147     height: 13px;
    148 }
    149 .mce-grid-border a:hover, .mce-grid-border a.mce-active {
    150     border-color: #a1a1a1;
    151     background: #c8def4;
    152 }
    153 .mce-text-center {
    154     text-align: center;
    155 }
    156 div.mce-tinymce-inline {
    157     width: 100%;
    158     -webkit-box-shadow: none;
    159     -moz-box-shadow: none;
    160     box-shadow: none;
    161     margin-top: -15px;
    162 }
    163 div.mce-tinymce-inline.mce-tinymce-inline-bottom {
    164     margin-top: 15px;
    165 }
    166 div.mce-tinymce-inline:after,
    167 div.mce-container.mce-panel.mce-floatpanel:after {
    168     border-left: 5px solid transparent;
    169     border-right: 5px solid transparent;
    170     clear: both;
    171     content: "";
    172     height: 0;
    173     left: 50%;
    174     position: absolute;
    175     top: 100%;
    176     width: 0;
    177 }
    178 div.mce-tinymce-inline:after {
    179      border-top: 5px solid rgba(45, 34, 52, 0.96);
    180 }
    181 div.mce-tinymce-inline.mce-tinymce-inline-bottom:after {
    182     border-top: none;
    183     border-bottom: 5px solid rgba(45, 34, 52, 0.96);
    184     top: -5px !important;
    185 }
    186 div.mce-container.mce-panel.mce-floatpanel:not(.mce-tinymce-inline):after {
    187      border-top: 5px solid rgba(57, 45, 63, 0.96);
    188 }
    189 div.mce-container.mce-panel.mce-floatpanel.mce-tinymce-subpanel-bottom:after {
    190     border-top: none;
    191     border-bottom: 5px solid rgba(57, 45, 63, 0.96);
    192     top: -5px !important;
    193 }
    194 div.mce-container.mce-panel.mce-floatpanel.mce-tinymce-subpanel-bottom {
    195     border-radius: 4px 4px 0 0;
    196 }
    197 .mce-colorbtn-trans div {
    198     text-align: center;
    199     vertical-align: middle;
    200     font-weight: 700;
    201     font-size: 20px;
    202     line-height: 16px;
    203     color: #707070;
    204 }
    205 .mce-toolbar-grp {
    206     padding-bottom: 2px;
    207 }
    208 .mce-toolbar-grp .mce-flow-layout-item {
    209     margin-bottom: 0;
    210 }
    211 .mce-rtl .mce-wordcount {
    212     left: 0;
    213     right: auto;
    214 }
    215 .mce-container, .mce-container-body {
    216     display: block;
    217 }
    218 .mce-autoscroll {
    219     overflow: hidden;
    220 }
    221 .mce-scrollbar {
    222     position: absolute;
    223     width: 7px;
    224     height: 100%;
    225     top: 2px;
    226     right: 2px;
    227     opacity: .4;
    228     filter: alpha(opacity=40);
    229     zoom: 1;
    230 }
    231 .mce-scrollbar-h {
    232     top: auto;
    233     right: auto;
    234     left: 2px;
    235     bottom: 2px;
    236     width: 100%;
    237     height: 7px;
    238 }
    239 .mce-scrollbar-thumb {
    240     position: absolute;
    241     background-color: #000;
    242     border: 1px solid #888;
    243     border-color: rgba(85, 85, 85, .6);
    244     width: 5px;
    245     height: 100%;
    246     -webkit-border-radius: 7px;
    247     -moz-border-radius: 7px;
    248     border-radius: 7px;
    249 }
    250 .mce-scrollbar-h .mce-scrollbar-thumb {
    251     width: 100%;
    252     height: 5px;
    253 }
    254 .mce-scrollbar:hover, .mce-scrollbar.mce-active {
    255     background-color: #AAA;
    256     opacity: .6;
    257     filter: alpha(opacity=60);
    258     zoom: 1;
    259     -webkit-border-radius: 7px;
    260     -moz-border-radius: 7px;
    261     border-radius: 7px;
    262 }
    263 .mce-scroll {
    264     position: relative;
    265 }
    266 .mce-panel {
    267     border: none;
    268     background-color: rgba(45, 34, 52, 0.96);
    269     border-radius: 5px;
    270 }
    271 .mce-panel.mce-submenu-opened-top {
    272     border-bottom-left-radius: 0;
    273     border-bottom-right-radius: 0;
    274 }
    275 .mce-panel.mce-submenu-opened-bottom {
    276     border-top-left-radius: 0;
    277     border-top-right-radius: 0;
    278 }
    279 .mce-floatpanel {
    280     position: absolute;
    281     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    282     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    283     box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    284 }
    285 .mce-floatpanel.mce-fixed {
    286     position: fixed;
    287 }
    288 .mce-floatpanel .mce-arrow, .mce-floatpanel .mce-arrow:after {
    289     position: absolute;
    290     display: block;
    291     width: 0;
    292     height: 0;
    293     border-color: transparent;
    294     border-style: solid;
    295 }
    296 .mce-floatpanel .mce-arrow {
    297     border-width: 11px;
    298 }
    299 .mce-floatpanel .mce-arrow:after {
    300     border-width: 10px;
    301     content: ""
    302 }
    303 .mce-floatpanel.mce-popover {
    304    /* filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    305     background: 0 0;
    306     -webkit-border-radius: 6px;
    307     -moz-border-radius: 6px;
    308     border-radius: 6px;
    309     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    310     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    311     box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    312     top: 0;
    313     left: 0;
    314     background: #fff;
    315     border: 1px solid #9e9e9e;
    316     border: 1px solid rgba(0, 0, 0, .25);*/
    317 }
    318 .mce-floatpanel.mce-popover.mce-bottom {
    319     /*margin-top: 10px;*/
    320 }
    321 .mce-floatpanel.mce-popover.mce-bottom>.mce-arrow {
    322     left: 50%;
    323     margin-left: -11px;
    324     border-top-width: 0;
    325     border-bottom-color: #9e9e9e;
    326     border-bottom-color: rgba(0, 0, 0, .25);
    327     top: -11px;
    328 }
    329 .mce-floatpanel.mce-popover.mce-bottom>.mce-arrow:after {
    330     top: 1px;
    331     margin-left: -10px;
    332     border-top-width: 0;
    333     border-bottom-color: #fff;
    334 }
    335 .mce-floatpanel.mce-popover.mce-bottom.mce-start {
    336     /*margin-left: -22px;*/
    337 }
    338 .mce-floatpanel.mce-popover.mce-bottom.mce-start>.mce-arrow {
    339     left: 20px;
    340 }
    341 .mce-floatpanel.mce-popover.mce-bottom.mce-end {
    342     margin-left: 22px;
    343 }
    344 .mce-floatpanel.mce-popover.mce-bottom.mce-end>.mce-arrow {
    345     right: 10px;
    346     left: auto;
    347 }
    348 .mce-fullscreen {
    349     border: 0;
    350     padding: 0;
    351     margin: 0;
    352     overflow: hidden;
    353     background: #fff;
    354     height: 100%}
    355 div.mce-fullscreen {
    356     position: fixed;
    357     top: 0;
    358     left: 0;
    359 }
    360 #mce-modal-block {
    361     opacity: 0;
    362     filter: alpha(opacity=0);
    363     zoom: 1;
    364     position: fixed;
    365     left: 0;
    366     top: 0;
    367     width: 100%;
    368     height: 100%;
    369     background: #000;
    370 }
    371 #mce-modal-block.mce-in {
    372     opacity: .3;
    373     filter: alpha(opacity=30);
    374     zoom: 1;
    375 }
    376 .mce-window-move {
    377     cursor: move;
    378 }
    379 .mce-window {
    380     -webkit-border-radius: 6px;
    381     -moz-border-radius: 6px;
    382     border-radius: 6px;
    383     -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    384     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    385     box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    386     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    387     background: 0 0;
    388     background: #fff;
    389     position: fixed;
    390     top: 0;
    391     left: 0;
    392     opacity: 0;
    393     -webkit-transition: opacity 150ms ease-in;
    394     transition: opacity 150ms ease-in;
    395 }
    396 .mce-window.mce-in {
    397     opacity: 1;
    398 }
    399 .mce-window-head {
    400     padding: 9px 15px;
    401     border-bottom: 1px solid #c5c5c5;
    402     position: relative;
    403 }
    404 .mce-window-head .mce-close {
    405     position: absolute;
    406     right: 15px;
    407     top: 9px;
    408     font-size: 20px;
    409     font-weight: 700;
    410     line-height: 20px;
    411     color: #858585;
    412     cursor: pointer;
    413     height: 20px;
    414     overflow: hidden;
    415 }
    416 .mce-close:hover {
    417     color: #adadad;
    418 }
    419 .mce-window-head .mce-title {
    420     line-height: 20px;
    421     font-size: 20px;
    422     font-weight: 700;
    423     text-rendering: optimizelegibility;
    424     padding-right: 10px;
    425 }
    426 .mce-window .mce-container-body {
    427     display: block;
    428 }
    429 .mce-foot {
    430     display: block;
    431     background-color: #fff;
    432     border-top: 1px solid #c5c5c5;
    433     -webkit-border-radius: 0 0 6px 6px;
    434     -moz-border-radius: 0 0 6px 6px;
    435     border-radius: 0 0 6px 6px;
    436 }
    437 .mce-window-head .mce-dragh {
    438     position: absolute;
    439     top: 0;
    440     left: 0;
    441     cursor: move;
    442     width: 90%;
    443     height: 100%}
    444 .mce-window iframe {
    445     width: 100%;
    446     height: 100%}
    447 .mce-window.mce-fullscreen, .mce-window.mce-fullscreen .mce-foot {
    448     -webkit-border-radius: 0;
    449     -moz-border-radius: 0;
    450     border-radius: 0;
    451 }
    452 .mce-rtl .mce-window-head .mce-close {
    453     position: absolute;
    454     right: auto;
    455     left: 15px;
    456 }
    457 .mce-rtl .mce-window-head .mce-dragh {
    458     left: auto;
    459     right: 0;
    460 }
    461 .mce-rtl .mce-window-head .mce-title {
    462     direction: rtl;
    463     text-align: right;
    464 }
    465 .mce-abs-layout {
    466     position: relative;
    467 }
    468 body .mce-abs-layout-item, .mce-abs-end {
    469     position: absolute;
    470 }
    471 .mce-abs-end {
    472     width: 1px;
    473     height: 1px;
    474 }
    475 .mce-container-body.mce-abs-layout {
    476     overflow: hidden;
    477 }
    478 .mce-tooltip {
    479     position: absolute;
    480     padding: 5px;
    481     opacity: .8;
    482     filter: alpha(opacity=80);
    483     zoom: 1;
    484 }
    485 .mce-tooltip-inner {
    486     font-size: 11px;
    487     background-color: #000;
    488     color: #fff;
    489     max-width: 200px;
    490     padding: 5px 8px 4px 8px;
    491     text-align: center;
    492     white-space: normal;
    493 }
    494 .mce-tooltip-inner {
    495     -webkit-border-radius: 3px;
    496     -moz-border-radius: 3px;
    497     border-radius: 3px;
    498 }
    499 .mce-tooltip-inner {
    500     -webkit-box-shadow: 0 0 5px #000;
    501     -moz-box-shadow: 0 0 5px #000;
    502     box-shadow: 0 0 5px #000;
    503 }
    504 .mce-tooltip-arrow {
    505     position: absolute;
    506     width: 0;
    507     height: 0;
    508     line-height: 0;
    509     border: 5px dashed #000;
    510 }
    511 .mce-tooltip-arrow-n {
    512     border-bottom-color: #000;
    513 }
    514 .mce-tooltip-arrow-s {
    515     border-top-color: #000;
    516 }
    517 .mce-tooltip-arrow-e {
    518     border-left-color: #000;
    519 }
    520 .mce-tooltip-arrow-w {
    521     border-right-color: #000;
    522 }
    523 .mce-tooltip-nw, .mce-tooltip-sw {
    524     margin-left: -14px;
    525 }
    526 .mce-tooltip-n .mce-tooltip-arrow {
    527     top: 0;
    528     left: 50%;
    529     margin-left: -5px;
    530     border-bottom-style: solid;
    531     border-top: none;
    532     border-left-color: transparent;
    533     border-right-color: transparent;
    534 }
    535 .mce-tooltip-nw .mce-tooltip-arrow {
    536     top: 0;
    537     left: 10px;
    538     border-bottom-style: solid;
    539     border-top: none;
    540     border-left-color: transparent;
    541     border-right-color: transparent;
    542 }
    543 .mce-tooltip-ne .mce-tooltip-arrow {
    544     top: 0;
    545     right: 10px;
    546     border-bottom-style: solid;
    547     border-top: none;
    548     border-left-color: transparent;
    549     border-right-color: transparent;
    550 }
    551 .mce-tooltip-s .mce-tooltip-arrow {
    552     bottom: 0;
    553     left: 50%;
    554     margin-left: -5px;
    555     border-top-style: solid;
    556     border-bottom: none;
    557     border-left-color: transparent;
    558     border-right-color: transparent;
    559 }
    560 .mce-tooltip-sw .mce-tooltip-arrow {
    561     bottom: 0;
    562     left: 10px;
    563     border-top-style: solid;
    564     border-bottom: none;
    565     border-left-color: transparent;
    566     border-right-color: transparent;
    567 }
    568 .mce-tooltip-se .mce-tooltip-arrow {
    569     bottom: 0;
    570     right: 10px;
    571     border-top-style: solid;
    572     border-bottom: none;
    573     border-left-color: transparent;
    574     border-right-color: transparent;
    575 }
    576 .mce-tooltip-e .mce-tooltip-arrow {
    577     right: 0;
    578     top: 50%;
    579     margin-top: -5px;
    580     border-left-style: solid;
    581     border-right: none;
    582     border-top-color: transparent;
    583     border-bottom-color: transparent;
    584 }
    585 .mce-tooltip-w .mce-tooltip-arrow {
    586     left: 0;
    587     top: 50%;
    588     margin-top: -5px;
    589     border-right-style: solid;
    590     border-left: none;
    591     border-top-color: transparent;
    592     border-bottom-color: transparent;
    593 }
    594 .mce-btn {
    595     border: none;
    596     position: relative;
    597     text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    598     display: inline-block;
    599     -webkit-border-radius: 3px;
    600     -moz-border-radius: 3px;
    601     border-radius: 3px;
    602     background-color: transparent;
    603 }
    604 
    605 .mce-btn:not(.mce-active):hover .mce-ico, .mce-btn:not(.mce-active):focus .mce-ico,
    606 .mce-btn:not(.mce-active):hover button *, .mce-btn:not(.mce-active):focus button * {
    607     color: #f72497;
    608     opacity: 1;
    609 }
    610 .mce-btn.mce-disabled button, .mce-btn.mce-disabled:hover button {
    611     cursor: default;
    612     -webkit-box-shadow: none;
    613     -moz-box-shadow: none;
    614     box-shadow: none;
    615     opacity: .4;
    616     filter: alpha(opacity=40);
    617     zoom: 1;
    618 }
    619 .mce-btn.mce-active, .mce-btn.mce-active:hover {
    620     color: #f72497;
    621 }
    622 .mce-btn:active {
    623     background-color: #d6d6d6;
    624     background-image: -moz-linear-gradient(top, #e6e6e6, silver);
    625     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(silver));
    626     background-image: -webkit-linear-gradient(top, #e6e6e6, silver);
    627     background-image: -o-linear-gradient(top, #e6e6e6, silver);
    628     background-image: linear-gradient(to bottom, #e6e6e6, silver);
    629     background-repeat: repeat-x;
    630     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6',  endColorstr='#ffc0c0c0',  GradientType=0);
    631     zoom: 1;
    632     -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    633     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    634     box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    635 }
    636 .mce-btn button {
    637     padding: 4px 10px;
    638     font-size: 14px;
    639     line-height: 20px;
    640     ;
    641     cursor: pointer;
    642     color: #333;
    643     text-align: center;
    644     overflow: visible;
    645     -webkit-appearance: none;
    646 }
    647 .mce-btn button::-moz-focus-inner {
    648     border: 0;
    649     padding: 0;
    650 }
    651 .mce-btn i {
    652    
    653 }
    654 .mce-primary {
    655     min-width: 50px;
    656     color: #fff;
    657     border: 1px solid #b1b1b1;
    658     border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) rgba(0, 0, 0, .25);
    659     background-color: #006dcc;
    660     background-image: -moz-linear-gradient(top, #08c, #04c);
    661     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    662     background-image: -webkit-linear-gradient(top, #08c, #04c);
    663     background-image: -o-linear-gradient(top, #08c, #04c);
    664     background-image: linear-gradient(to bottom, #08c, #04c);
    665     background-repeat: repeat-x;
    666     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',  endColorstr='#ff0044cc',  GradientType=0);
    667     zoom: 1;
    668 }
    669 .mce-primary:hover, .mce-primary:focus {
    670     background-color: #005fb3;
    671     background-image: -moz-linear-gradient(top, #0077b3, #003cb3);
    672     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0077b3), to(#003cb3));
    673     background-image: -webkit-linear-gradient(top, #0077b3, #003cb3);
    674     background-image: -o-linear-gradient(top, #0077b3, #003cb3);
    675     background-image: linear-gradient(to bottom, #0077b3, #003cb3);
    676     background-repeat: repeat-x;
    677     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0077b3',  endColorstr='#ff003cb3',  GradientType=0);
    678     zoom: 1;
    679 }
    680 .mce-primary.mce-disabled button, .mce-primary.mce-disabled:hover button {
    681     cursor: default;
    682     -webkit-box-shadow: none;
    683     -moz-box-shadow: none;
    684     box-shadow: none;
    685     opacity: .4;
    686     filter: alpha(opacity=40);
    687     zoom: 1;
    688 }
    689 .mce-primary.mce-active, .mce-primary.mce-active:hover, .mce-primary:not(.mce-disabled):active {
    690     background-color: #005299;
    691     background-image: -moz-linear-gradient(top, #069, #039);
    692     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#069), to(#039));
    693     background-image: -webkit-linear-gradient(top, #069, #039);
    694     background-image: -o-linear-gradient(top, #069, #039);
    695     background-image: linear-gradient(to bottom, #069, #039);
    696     background-repeat: repeat-x;
    697     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff006699',  endColorstr='#ff003399',  GradientType=0);
    698     zoom: 1;
    699     -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    700     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    701     box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    702 }
    703 .mce-primary button, .mce-primary button i {
    704     color: #fff;
    705     text-shadow: 1px 1px #333;
    706 }
    707 .mce-btn-large button {
    708     padding: 9px 14px;
    709     font-size: 16px;
    710     line-height: normal;
    711     -webkit-border-radius: 5px;
    712     -moz-border-radius: 5px;
    713     border-radius: 5px;
    714 }
    715 .mce-btn-large i {
    716     margin-top: 2px;
    717 }
    718 .mce-btn-small button {
    719     padding: 1px 5px;
    720     font-size: 12px;
    721 }
    722 .mce-btn-small i {
    723     line-height: 20px;
    724     vertical-align: top;
    725 }
    726 .mce-btn .mce-caret {
    727     margin-top: 8px;
    728     margin-left: 0;
    729 }
    730 .mce-btn-small .mce-caret {
    731     margin-top: 8px;
    732     margin-left: 0;
    733 }
    734 .mce-caret {
    735     display: inline-block;
    736     color: #fff;
    737     content: "";
    738     color: #fff;
    739     font-family: "Glyphicons Halflings";
    740     font-style: normal;
    741     font-size: 7px;
    742 }
    743 .mce-caret::before {
    744     content: "\e114";
    745 }
    746 .mce-active .mce-caret::before {
    747     content: "\e113";
    748 }
    749 .mce-disabled .mce-caret {
    750     border-top-color: #aaa;
    751 }
    752 .mce-caret.mce-up {
    753     border-bottom: 4px solid #333;
    754     border-top: 0;
    755 }
    756 .mce-btn-flat {
    757     border: 0;
    758     background: 0 0;
    759     -webkit-border-radius: 0;
    760     -moz-border-radius: 0;
    761     border-radius: 0;
    762     -webkit-box-shadow: none;
    763     -moz-box-shadow: none;
    764     box-shadow: none;
    765     filter: none;
    766 }
    767 .mce-btn-flat:hover, .mce-btn-flat.mce-active, .mce-btn-flat:focus, .mce-btn-flat:active {
    768     border: 0;
    769     background: #e6e6e6;
    770     filter: none;
    771     -webkit-box-shadow: none;
    772     -moz-box-shadow: none;
    773     box-shadow: none;
    774 }
    775 .mce-rtl .mce-btn button {
    776     direction: rtl;
    777 }
    778 .mce-btn-group .mce-btn {
    779     border-width: 1px 0 1px 0;
    780     margin: 0;
    781     -webkit-border-radius: 0;
    782     -moz-border-radius: 0;
    783     border-radius: 0;
    784 }
    785 .mce-btn-group .mce-first {
    786    /* border-left: 1px solid #b1b1b1;
    787     border-left: 1px solid rgba(0, 0, 0, .25);
    788     -webkit-border-radius: 3px 0 0 3px;
    789     -moz-border-radius: 3px 0 0 3px;
    790     border-radius: 3px 0 0 3px;*/
    791 }
    792 .mce-btn-group .mce-last {
    793     /*border-right: 1px solid #b1b1b1;
    794     border-right: 1px solid rgba(0, 0, 0, .1);
    795     -webkit-border-radius: 0 3px 3px 0;
    796     -moz-border-radius: 0 3px 3px 0;
    797     border-radius: 0 3px 3px 0;*/
    798 }
    799 .mce-btn-group .mce-first.mce-last {
    800     -webkit-border-radius: 3px;
    801     -moz-border-radius: 3px;
    802     border-radius: 3px;
    803 }
    804 .mce-btn-group .mce-btn.mce-flow-layout-item {
    805     margin: 0;
    806 }
    807 .mce-checkbox {
    808     cursor: pointer;
    809 }
    810 i.mce-i-checkbox {
    811     margin: 0 3px 0 0;
    812     border: 1px solid #c5c5c5;
    813     -webkit-border-radius: 3px;
    814     -moz-border-radius: 3px;
    815     border-radius: 3px;
    816     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    817     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    818     box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    819     background-color: #f0f0f0;
    820     background-image: -moz-linear-gradient(top, #fff, #d9d9d9);
    821     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d9d9d9));
    822     background-image: -webkit-linear-gradient(top, #fff, #d9d9d9);
    823     background-image: -o-linear-gradient(top, #fff, #d9d9d9);
    824     background-image: linear-gradient(to bottom, #fff, #d9d9d9);
    825     background-repeat: repeat-x;
    826     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',  endColorstr='#ffd9d9d9',  GradientType=0);
    827     zoom: 1;
    828     text-indent: -10em;
    829     ;
    830     ;
    831     ;
    832     overflow: hidden;
    833 }
    834 .mce-checked i.mce-i-checkbox {
    835     color: #333;
    836     font-size: 16px;
    837     line-height: 16px;
    838     text-indent: 0;
    839 }
    840 .mce-checkbox:focus i.mce-i-checkbox, .mce-checkbox.mce-focus i.mce-i-checkbox {
    841     border: 1px solid rgba(82, 168, 236, .8);
    842     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .65);
    843     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .65);
    844     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .65);
    845 }
    846 .mce-checkbox.mce-disabled .mce-label, .mce-checkbox.mce-disabled i.mce-i-checkbox {
    847     color: #acacac;
    848 }
    849 .mce-rtl .mce-checkbox {
    850     direction: rtl;
    851     text-align: right;
    852 }
    853 .mce-rtl i.mce-i-checkbox {
    854     margin: 0 0 0 3px;
    855 }
    856 .mce-combobox {
    857     display: inline-block;
    858     ;
    859     ;
    860     -webkit-border-radius: 3px;
    861     -moz-border-radius: 3px;
    862     border-radius: 3px;
    863     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    864     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    865     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    866 }
    867 .mce-combobox input {
    868     border: 1px solid #c5c5c5;
    869     border-right-color: #c5c5c5;
    870     height: 28px;
    871 }
    872 .mce-combobox.mce-disabled input {
    873     color: #adadad;
    874 }
    875 .mce-combobox.mce-has-open input {
    876     -webkit-border-radius: 4px 0 0 4px;
    877     -moz-border-radius: 4px 0 0 4px;
    878     border-radius: 4px 0 0 4px;
    879 }
    880 .mce-combobox .mce-btn {
    881     border-left: 0;
    882     -webkit-border-radius: 0 4px 4px 0;
    883     -moz-border-radius: 0 4px 4px 0;
    884     border-radius: 0 4px 4px 0;
    885 }
    886 .mce-combobox button {
    887     padding-right: 8px;
    888     padding-left: 8px;
    889 }
    890 .mce-combobox.mce-disabled .mce-btn button {
    891     cursor: default;
    892     -webkit-box-shadow: none;
    893     -moz-box-shadow: none;
    894     box-shadow: none;
    895     opacity: .4;
    896     filter: alpha(opacity=40);
    897     zoom: 1;
    898 }
    899 .mce-colorbox i {
    900     border: 1px solid #c5c5c5;
    901     width: 14px;
    902     height: 14px;
    903 }
    904 .mce-colorbutton .mce-ico {
    905     position: relative;
    906 }
    907 .mce-colorbutton-grid {
    908     margin: 4px;
    909 }
    910 .mce-colorbutton button {
    911     padding-right: 4px;
    912 }
    913 .mce-colorbutton .mce-preview {
    914     padding-right: 3px;
    915     display: block;
    916     position: absolute;
    917     left: 50%;
    918     top: 50%;
    919     margin-left: -14px;
    920     margin-top: 7px;
    921     background: gray;
    922     width: 13px;
    923     height: 2px;
    924     overflow: hidden;
    925 }
    926 .mce-colorbutton.mce-btn-small .mce-preview {
    927     margin-left: -16px;
    928     padding-right: 0;
    929     width: 16px;
    930 }
    931 .mce-colorbutton .mce-open {
    932     padding-left: 4px;
    933     border-left: 1px solid transparent;
    934     border-right: 1px solid transparent;
    935 }
    936 .mce-colorbutton:hover .mce-open {
    937     border-left-color: #bdbdbd;
    938     border-right-color: #bdbdbd;
    939 }
    940 .mce-colorbutton.mce-btn-small .mce-open {
    941     padding: 0 3px 0 3px;
    942 }
    943 .mce-rtl .mce-colorbutton {
    944     direction: rtl;
    945 }
    946 .mce-rtl .mce-colorbutton .mce-preview {
    947     margin-left: 0;
    948     padding-right: 0;
    949     padding-left: 4px;
    950     margin-right: -14px;
    951 }
    952 .mce-rtl .mce-colorbutton.mce-btn-small .mce-preview {
    953     margin-left: 0;
    954     padding-right: 0;
    955     margin-right: -17px;
    956     padding-left: 0;
    957 }
    958 .mce-rtl .mce-colorbutton button {
    959     padding-right: 10px;
    960     padding-left: 10px;
    961 }
    962 .mce-rtl .mce-colorbutton .mce-open {
    963     padding-left: 4px;
    964     padding-right: 4px;
    965 }
    966 .mce-colorpicker {
    967     position: relative;
    968     width: 250px;
    969     height: 220px;
    970 }
    971 .mce-colorpicker-sv {
    972     position: absolute;
    973     top: 0;
    974     left: 0;
    975     width: 90%;
    976     height: 100%;
    977     border: 1px solid #c5c5c5;
    978     cursor: crosshair;
    979     overflow: hidden;
    980 }
    981 .mce-colorpicker-h-chunk {
    982     width: 100%}
    983 .mce-colorpicker-overlay1, .mce-colorpicker-overlay2 {
    984     width: 100%;
    985     height: 100%;
    986     position: absolute;
    987     top: 0;
    988     left: 0;
    989 }
    990 .mce-colorpicker-overlay1 {
    991     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,  startColorstr='#ffffff',  endColorstr='#00ffffff');
    992     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff',  endColorstr='#00ffffff')";
    993     background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    994 }
    995 .mce-colorpicker-overlay2 {
    996     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  startColorstr='#00000000',  endColorstr='#000000');
    997     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00000000',  endColorstr='#000000')";
    998     background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
    999 }
    1000 .mce-colorpicker-selector1 {
    1001     background: 0 0;
    1002     position: absolute;
    1003     width: 12px;
    1004     height: 12px;
    1005     margin: -8px 0 0 -8px;
    1006     border: 1px solid #000;
    1007     border-radius: 50%}
    1008 .mce-colorpicker-selector2 {
    1009     position: absolute;
    1010     width: 10px;
    1011     height: 10px;
    1012     border: 1px solid #fff;
    1013     border-radius: 50%}
    1014 .mce-colorpicker-h {
    1015     position: absolute;
    1016     top: 0;
    1017     right: 0;
    1018     width: 6.5%;
    1019     height: 100%;
    1020     border: 1px solid #c5c5c5;
    1021     cursor: crosshair;
    1022 }
    1023 .mce-colorpicker-h-marker {
    1024     margin-top: -4px;
    1025     position: absolute;
    1026     top: 0;
    1027     left: -1px;
    1028     width: 100%;
    1029     border: 1px solid #333;
    1030     background: #fff;
    1031     height: 4px;
    1032     z-index: 100;
    1033 }
    1034 .mce-path {
    1035     display: inline-block;
    1036     ;
    1037     ;
    1038     padding: 8px;
    1039     white-space: normal;
    1040 }
    1041 .mce-path .mce-txt {
    1042     display: inline-block;
    1043     padding-right: 3px;
    1044 }
    1045 .mce-path .mce-path-body {
    1046     display: inline-block;
    1047 }
    1048 .mce-path-item {
    1049     display: inline-block;
    1050     ;
    1051     ;
    1052     cursor: pointer;
    1053     color: #333;
    1054 }
    1055 .mce-path-item:hover {
    1056     text-decoration: underline;
    1057 }
    1058 .mce-path-item:focus {
    1059     background: #666;
    1060     color: #fff;
    1061 }
    1062 .mce-path .mce-divider {
    1063     display: inline;
    1064 }
    1065 .mce-disabled .mce-path-item {
    1066     color: #aaa;
    1067 }
    1068 .mce-rtl .mce-path {
    1069     direction: rtl;
    1070 }
    1071 .mce-fieldset {
    1072     border: 0 solid #9E9E9E;
    1073     -webkit-border-radius: 3px;
    1074     -moz-border-radius: 3px;
    1075     border-radius: 3px;
    1076 }
    1077 .mce-fieldset>.mce-container-body {
    1078     margin-top: -15px;
    1079 }
    1080 .mce-fieldset-title {
    1081     margin-left: 5px;
    1082     padding: 0 5px 0 5px;
    1083 }
    1084 .mce-fit-layout {
    1085     display: inline-block;
    1086     ;
    1087 }
    1088 .mce-fit-layout-item {
    1089     position: absolute;
    1090 }
    1091 .mce-flow-layout-item {
    1092     display: inline-block;
    1093     ;
    1094 }
    1095 .mce-flow-layout-item {
    1096     margin: 2px 0 2px 2px;
    1097 }
    1098 .mce-flow-layout-item.mce-last {
    1099     margin-right: 2px;
    1100 }
    1101 .mce-flow-layout {
    1102     white-space: normal;
    1103 }
    1104 .mce-tinymce-inline .mce-flow-layout {
    1105     white-space: nowrap;
    1106 }
    1107 .mce-rtl .mce-flow-layout {
    1108     text-align: right;
    1109     direction: rtl;
    1110 }
    1111 .mce-rtl .mce-flow-layout-item {
    1112     margin: 2px 2px 2px 0;
    1113 }
    1114 .mce-rtl .mce-flow-layout-item.mce-last {
    1115     margin-left: 2px;
    1116 }
    1117 .mce-iframe {
    1118     border: 0 solid #9e9e9e;
    1119     width: 100%;
    1120     height: 100%}
    1121 .mce-label {
    1122     display: inline-block;
    1123     ;
    1124     ;
    1125     text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    1126     overflow: hidden;
    1127 }
    1128 .mce-label.mce-autoscroll {
    1129     overflow: auto;
    1130 }
    1131 .mce-label.mce-disabled {
    1132     color: #aaa;
    1133 }
    1134 .mce-label.mce-multiline {
    1135     white-space: pre-wrap;
    1136 }
    1137 .mce-label.mce-error {
    1138     color: #a00;
    1139 }
    1140 .mce-rtl .mce-label {
    1141     text-align: right;
    1142     direction: rtl;
    1143 }
    1144 .mce-menubar .mce-menubtn {
    1145     border-color: transparent;
    1146     background: 0 0;
    1147     -webkit-border-radius: 0;
    1148     -moz-border-radius: 0;
    1149     border-radius: 0;
    1150     -webkit-box-shadow: none;
    1151     -moz-box-shadow: none;
    1152     box-shadow: none;
    1153     filter: none;
    1154 }
    1155 .mce-menubar {
    1156     border: 1px solid #c4c4c4;
    1157 }
    1158 .mce-menubar .mce-menubtn button span {
    1159     color: #333;
    1160 }
    1161 .mce-menubar .mce-caret {
    1162     border-top-color: #333;
    1163 }
    1164 .mce-menubar .mce-menubtn:hover, .mce-menubar .mce-menubtn.mce-active, .mce-menubar .mce-menubtn:focus {
    1165     border-color: transparent;
    1166     background: #e6e6e6;
    1167     filter: none;
    1168     -webkit-box-shadow: none;
    1169     -moz-box-shadow: none;
    1170     box-shadow: none;
    1171 }
    1172 .mce-menubtn span {
    1173     color: #fff;
    1174     margin-right: 2px;
    1175     line-height: 20px;
    1176 }
    1177 .mce-menubtn.mce-active span,
    1178 .mce-btn.mce-active button i.mce-i-link {
    1179     /*text-shadow: #fff 0 0 0.2em, #fff 0 0 0.2em, #fff 0 0 0.2em;*/
    1180     color: #f72497;
    1181 }
    1182 .mce-menubtn.mce-btn-small span {
    1183     font-size: 12px;
    1184 }
    1185 .mce-menubtn.mce-fixed-width span {
    1186     display: inline-block;
    1187     overflow-x: hidden;
    1188     text-overflow: ellipsis;
    1189     width: 90px;
    1190 }
    1191 .mce-menubtn.mce-fixed-width.mce-btn-small span {
    1192     width: 70px;
    1193 }
    1194 .mce-rtl .mce-menubtn button {
    1195     direction: rtl;
    1196     text-align: right;
    1197 }
    1198 .mce-listbox button {
    1199     text-align: left;
    1200     padding-right: 20px;
    1201     position: relative;
    1202 }
    1203 .mce-listbox .mce-caret {
    1204     position: absolute;
    1205     margin-top: -2px;
    1206     right: 8px;
    1207     top: 50%;
    1208 }
    1209 .mce-rtl .mce-listbox .mce-caret {
    1210     right: auto;
    1211     left: 8px;
    1212 }
    1213 .mce-rtl .mce-listbox button {
    1214     padding-right: 10px;
    1215     padding-left: 20px;
    1216 }
    1217 .mce-menu-item {
    1218     display: block;
    1219     padding: 6px 2px; /*6px 35px 6px 12px;*/
    1220     clear: both;
    1221     font-weight: 400;
    1222     line-height: 20px;
    1223     color: #fff;
    1224     white-space: nowrap;
    1225     cursor: pointer;
    1226     line-height: normal;
    1227     border-left: 4px solid transparent;
    1228     margin-bottom: 1px;
    1229 }
    1230 .mce-menu-item.mce-not-inline {
    1231     padding: 6px 35px 6px 3px;
    1232 }
    1233 .mce-menu-item .mce-ico, .mce-menu-item .mce-text {
    1234     color: #fff;
    1235 }
    1236 .mce-menu-item.mce-disabled .mce-text, .mce-menu-item.mce-disabled .mce-ico {
    1237     color: #adadad;
    1238 }
    1239 /*.mce-menu-item:hover .mce-text, .mce-menu-item.mce-selected .mce-text, .mce-menu-item:focus .mce-text {
    1240     color: #fff;
    1241 }*/
    1242 .mce-menu-item:hover .mce-ico, .mce-menu-item.mce-selected .mce-ico, .mce-menu-item:focus .mce-ico {
    1243     color: #fff;
    1244 }
    1245 .mce-menu-item.mce-disabled:hover {
    1246     background: #ccc;
    1247 }
    1248 .mce-menu-shortcut {
    1249     display: inline-block;
    1250     color: #adadad;
    1251 }
    1252 .mce-menu-shortcut {
    1253     display: inline-block;
    1254     ;
    1255     ;
    1256     padding: 0 15px 0 20px;
    1257 }
    1258 .mce-menu-item:hover .mce-menu-shortcut, .mce-menu-item.mce-selected .mce-menu-shortcut, .mce-menu-item:focus .mce-menu-shortcut {
    1259     color: #fff;
    1260 }
    1261 .mce-menu-item .mce-caret {
    1262     margin-top: 4px;
    1263     ;
    1264     margin-right: 6px;
    1265     border-top: 4px solid transparent;
    1266     border-bottom: 4px solid transparent;
    1267     border-left: 4px solid #333;
    1268 }
    1269 .mce-menu-item.mce-selected .mce-caret, .mce-menu-item:focus .mce-caret, .mce-menu-item:hover .mce-caret {
    1270     border-left-color: #fff;
    1271 }
    1272 .mce-menu-align .mce-menu-shortcut, .mce-menu-align .mce-caret {
    1273     position: absolute;
    1274     right: 0;
    1275 }
    1276 .mce-menu-item.mce-active i {
    1277     visibility: visible;
    1278 }
    1279 .mce-menu-item-normal.mce-active {
    1280     /*color: #fff;*/
    1281 }
    1282 .mce-menu-item-preview.mce-active {
    1283     border-left: 5px solid #aaa;
    1284 }
    1285 .mce-menu-item-normal.mce-active .mce-text,
    1286 .mce-menu-item-normal.mce-active .mce-text * {
    1287     color: #f72497;
    1288     /*text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;*/
    1289     opacity: 1;
    1290     position: relative;
    1291 }
    1292 .mce-menu-item-normal.mce-active .mce-text:after {
    1293     content: "";
    1294     border: 2px solid #f72497;
    1295     position: absolute;
    1296     top: 8px;
    1297     right: 0;
    1298     border-radius: 50%;
    1299 }
    1300 .mce-menu-item-normal.mce-active:hover .mce-text, .mce-menu-item-normal.mce-active:hover .mce-ico {
    1301     color: #fff;
    1302 }
    1303 .mce-menu-item-normal.mce-active:focus .mce-text, .mce-menu-item-normal.mce-active:focus .mce-ico {
    1304     color: #fff;
    1305 }
    1306 .mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus,
    1307 .mce-menu-item:hover *, .mce-menu-item.mce-selected *, .mce-menu-item:focus * {
    1308     text-decoration: none;
    1309     color: #f72497;
    1310     opacity: 1;
    1311 }
    1312 div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover {
    1313     border: 0;
    1314     padding: 0;
    1315     height: 1px;
    1316     margin: 9px 1px;
    1317     overflow: hidden;
    1318     background: #cbcbcb;
    1319     border-bottom: 1px solid #fff;
    1320     cursor: default;
    1321     filter: none;
    1322 }
    1323 .mce-menu.mce-rtl {
    1324     direction: rtl;
    1325 }
    1326 .mce-rtl .mce-menu-item {
    1327     text-align: right;
    1328     direction: rtl;
    1329     padding: 6px 12px 6px 15px;
    1330 }
    1331 .mce-menu-align.mce-rtl .mce-menu-shortcut, .mce-menu-align.mce-rtl .mce-caret {
    1332     right: auto;
    1333     left: 0;
    1334 }
    1335 .mce-rtl .mce-menu-item .mce-caret {
    1336     margin-left: 6px;
    1337     margin-right: 0;
    1338     border-right: 4px solid #333;
    1339     border-left: 0;
    1340 }
    1341 .mce-rtl .mce-menu-item.mce-selected .mce-caret, .mce-rtl .mce-menu-item:focus .mce-caret, .mce-rtl .mce-menu-item:hover .mce-caret {
    1342     border-left-color: transparent;
    1343     border-right-color: #fff;
    1344 }
    1345 .mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom.mce-start .mce-arrow {
    1346     display: none;
    1347 }
    1348 .mce-menu,
    1349 .mce-floatpanel.mce-popover {
    1350     position: absolute;
    1351     left: 0;
    1352     top: 0;
    1353     z-index: 1000;
    1354     padding: 5px 0 5px 0;
    1355     margin: 2px 0 0;
    1356     min-width: 160px;
    1357     background: #fff;
    1358     border: none;
    1359     z-index: 1002;
    1360    
    1361     -webkit-border-radius: 4px;
    1362     -moz-border-radius: 4px;
    1363     border-radius: 4px;
    1364    
    1365     border-top-right-radius: 0;
    1366     border-top-left-radius: 0;
    1367     background-color: rgba(57, 45, 63, 0.96);
    1368    
    1369     max-height: 130px;
    1370     /*overflow: auto;
    1371     overflow-x: hidden;*/
    1372 }
    1373 .mce-floatpanel.mce-popover.mce-colorpanel {
    1374     max-height: none;
    1375 }
    1376 
    1377 .mce-menu i {
    1378     display: none;
    1379 }
    1380 .mce-menu-has-icons i {
    1381     display: inline-block;
    1382 }
    1383 .mce-menu-sub-tr-tl {
    1384     margin: -6px 0 0 -1px;
    1385 }
    1386 .mce-menu-sub-br-bl {
    1387     margin: 6px 0 0 -1px;
    1388 }
    1389 .mce-menu-sub-tl-tr {
    1390     margin: -6px 0 0 1px;
    1391 }
    1392 .mce-menu-sub-bl-br {
    1393     margin: 6px 0 0 1px;
    1394 }
    1395 .mce-container-body .mce-resizehandle {
    1396     position: absolute;
    1397     right: 0;
    1398     bottom: 0;
    1399     width: 16px;
    1400     height: 16px;
    1401     visibility: visible;
    1402     cursor: s-resize;
    1403     margin: 0;
    1404 }
    1405 .mce-container-body .mce-resizehandle-both {
    1406     cursor: se-resize;
    1407 }
    1408 i.mce-i-resize {
    1409     color: #333;
    1410 }
    1411 .mce-spacer {
    1412     visibility: hidden;
    1413 }
    1414 .mce-splitbtn .mce-open {
    1415     border-left: 1px solid transparent;
    1416     border-right: 1px solid transparent;
    1417 }
    1418 .mce-splitbtn:hover .mce-open {
    1419     border-left-color: #bdbdbd;
    1420     border-right-color: #bdbdbd;
    1421 }
    1422 .mce-splitbtn button {
    1423     padding-right: 4px;
    1424 }
    1425 .mce-splitbtn .mce-open {
    1426     padding-left: 4px;
    1427 }
    1428 .mce-splitbtn .mce-open.mce-active {
    1429     -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    1430     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    1431     box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    1432 }
    1433 .mce-splitbtn.mce-btn-small .mce-open {
    1434     padding: 0 3px 0 3px;
    1435 }
    1436 .mce-rtl .mce-splitbtn {
    1437     direction: rtl;
    1438     text-align: right;
    1439 }
    1440 .mce-rtl .mce-splitbtn button {
    1441     padding-right: 10px;
    1442     padding-left: 10px;
    1443 }
    1444 .mce-rtl .mce-splitbtn .mce-open {
    1445     padding-left: 4px;
    1446     padding-right: 4px;
    1447 }
    1448 .mce-stack-layout-item {
    1449     display: block;
    1450     float: left;
    1451     clear: none;
    1452 }
    1453 .mce-stack-layout-item.mce-not-inline {
    1454     float: none;
    1455 }
    1456 .mce-tabs {
    1457     display: block;
    1458     border-bottom: 1px solid #c5c5c5;
    1459 }
    1460 .mce-tab {
    1461     display: inline-block;
    1462     ;
    1463     ;
    1464     border: 1px solid #c5c5c5;
    1465     border-width: 0 1px 0 0;
    1466     background: #e3e3e3;
    1467     padding: 8px;
    1468     text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    1469     height: 13px;
    1470     cursor: pointer;
    1471 }
    1472 .mce-tab:hover {
    1473     background: #fdfdfd;
    1474 }
    1475 .mce-tab.mce-active {
    1476     background: #fdfdfd;
    1477     border-bottom-color: transparent;
    1478     margin-bottom: -1px;
    1479     height: 14px;
    1480 }
    1481 .mce-rtl .mce-tabs {
    1482     text-align: right;
    1483     direction: rtl;
    1484 }
    1485 .mce-rtl .mce-tab {
    1486     border-width: 0 0 0 1px;
    1487 }
    1488 .mce-textbox {
    1489     background: #fff;
    1490     border: 1px solid #c5c5c5;
    1491     -webkit-border-radius: 3px;
    1492     -moz-border-radius: 3px;
    1493     border-radius: 3px;
    1494     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    1495     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    1496     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    1497     display: inline-block;
    1498     -webkit-transition: border linear .2s, box-shadow linear .2s;
    1499     transition: border linear .2s, box-shadow linear .2s;
    1500     height: 28px;
    1501     resize: none;
    1502     padding: 0 4px 0 4px;
    1503     white-space: pre-wrap;
    1504     ;
    1505     color: #333;
    1506 }
    1507 .mce-textbox:focus, .mce-textbox.mce-focus {
    1508     border-color: rgba(82, 168, 236, .8);
    1509     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .65);
    1510     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .65);
    1511     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .65);
    1512 }
    1513 .mce-placeholder .mce-textbox {
    1514     color: #aaa;
    1515 }
    1516 .mce-textbox.mce-multiline {
    1517     padding: 4px;
    1518 }
    1519 .mce-textbox.mce-disabled {
    1520     color: #adadad;
    1521 }
    1522 .mce-rtl .mce-textbox {
    1523     text-align: right;
    1524     direction: rtl;
    1525 }
    1526 .mce-throbber {
    1527     position: absolute;
    1528     top: 0;
    1529     left: 0;
    1530     width: 100%;
    1531     height: 100%;
    1532     opacity: .6;
    1533     filter: alpha(opacity=60);
    1534     zoom: 1;
    1535     background: #fff url(img/loader.gif) no-repeat center center;
    1536 }
    1537 .mce-throbber-inline {
    1538     position: static;
    1539     height: 50px;
    1540 }
    1541 @font-face {
    1542     font-family: tinymce;
    1543     src: url(fonts/tinymce.eot);
    1544     src: url(fonts/tinymce.eot?#iefix) format('embedded-opentype'), url(fonts/tinymce.woff) format('woff'), url(fonts/tinymce.ttf) format('truetype'), url(fonts/tinymce.svg#tinymce) format('svg');
    1545     font-weight: 400;
    1546     font-style: normal;
    1547 }
    1548 @font-face {
    1549     font-family: tinymce-small;
    1550     src: url(fonts/tinymce-small.eot);
    1551     src: url(fonts/tinymce-small.eot?#iefix) format('embedded-opentype'), url(fonts/tinymce-small.woff) format('woff'), url(fonts/tinymce-small.ttf) format('truetype'), url(fonts/tinymce-small.svg#tinymce) format('svg');
    1552     font-weight: 400;
    1553     font-style: normal;
    1554 }
    1555 .mce-ico {
    1556     font-family: tinymce, Arial;
    1557     font-style: normal;
    1558     font-weight: 400;
    1559     font-variant: normal;
    1560     font-size: 16px;
    1561     line-height: 16px;
    1562     speak: none;
    1563     vertical-align: text-top;
    1564     -webkit-font-smoothing: antialiased;
    1565     -moz-osx-font-smoothing: grayscale;
    1566     display: inline-block;
    1567     background: transparent center center;
    1568     background-size: cover;
    1569     width: 16px;
    1570     height: 16px;
    1571     color: #fff;
    1572 }
    1573 .mce-btn .mce-ico {
    1574     opacity: 0.5;
    1575 }
    1576 .mce-btn.mce-active .mce-ico {
    1577     opacity: 1;
    1578 }
    1579 .mce-btn-small .mce-ico {
    1580     font-family: tinymce-small, Arial;
    1581 }
    1582 .mce-i-save:before {
    1583     content: "\e000"}
    1584 .mce-i-newdocument:before {
    1585     content: "\e001"}
    1586 .mce-i-fullpage:before {
    1587     content: "\e002"}
    1588 .mce-i-alignleft:before {
    1589     content: "\e003"}
    1590 .mce-i-aligncenter:before {
    1591     content: "\e004"}
    1592 .mce-i-alignright:before {
    1593     content: "\e005"}
    1594 .mce-i-alignjustify:before {
    1595     content: "\e006"}
    1596 .mce-i-cut:before {
    1597     content: "\e007"}
    1598 .mce-i-paste:before {
    1599     content: "\e008"}
    1600 .mce-i-searchreplace:before {
    1601     content: "\e009"}
    1602 .mce-i-bullist:before {
    1603     content: "\e00a"}
    1604 .mce-i-numlist:before {
    1605     content: "\e00b"}
    1606 .mce-i-indent:before {
    1607     content: "\e00c"}
    1608 .mce-i-outdent:before {
    1609     content: "\e00d"}
    1610 .mce-i-blockquote:before {
    1611     content: "\e00e"}
    1612 .mce-i-undo:before {
    1613     content: "\e00f"}
    1614 .mce-i-redo:before {
    1615     content: "\e010"}
    1616 .mce-i-link:before {
    1617     content: "\e011"}
    1618 .mce-i-unlink:before {
    1619     content: "\e012"}
    1620 .mce-i-anchor:before {
    1621     content: "\e013"}
    1622 .mce-i-image:before {
    1623     content: "\e014"}
    1624 .mce-i-media:before {
    1625     content: "\e015"}
    1626 .mce-i-help:before {
    1627     content: "\e016"}
    1628 .mce-i-code:before {
    1629     content: "\e017"}
    1630 .mce-i-insertdatetime:before {
    1631     content: "\e018"}
    1632 .mce-i-preview:before {
    1633     content: "\e019"}
    1634 .mce-i-forecolor:before {
    1635     content: "\e01a"}
    1636 .mce-i-backcolor:before {
    1637     content: "\e01a"}
    1638 .mce-i-table:before {
    1639     content: "\e01b"}
    1640 .mce-i-hr:before {
    1641     content: "\e01c"}
    1642 .mce-i-removeformat:before {
    1643     content: "\e01d"}
    1644 .mce-i-subscript:before {
    1645     content: "\e01e"}
    1646 .mce-i-superscript:before {
    1647     content: "\e01f"}
    1648 .mce-i-charmap:before {
    1649     content: "\e020"}
    1650 .mce-i-emoticons:before {
    1651     content: "\e021"}
    1652 .mce-i-print:before {
    1653     content: "\e022"}
    1654 .mce-i-fullscreen:before {
    1655     content: "\e023"}
    1656 .mce-i-spellchecker:before {
    1657     content: "\e024"}
    1658 .mce-i-nonbreaking:before {
    1659     content: "\e025"}
    1660 .mce-i-template:before {
    1661     content: "\e026"}
    1662 .mce-i-pagebreak:before {
    1663     content: "\e027"}
    1664 .mce-i-restoredraft:before {
    1665     content: "\e028"}
    1666 .mce-i-untitled:before {
    1667     content: "\e029"}
    1668 .mce-i-bold:before {
    1669     content: "\e02a"}
    1670 .mce-i-italic:before {
    1671     content: "\e02b"}
    1672 .mce-i-underline:before {
    1673     content: "\e02c"}
    1674 .mce-i-strikethrough:before {
    1675     content: "\e02d"}
    1676 .mce-i-visualchars:before {
    1677     content: "\e02e"}
    1678 .mce-i-visualblocks:before {
    1679     content: "\e02e"}
    1680 .mce-i-ltr:before {
    1681     content: "\e02f"}
    1682 .mce-i-rtl:before {
    1683     content: "\e030"}
    1684 .mce-i-copy:before {
    1685     content: "\e031"}
    1686 .mce-i-resize:before {
    1687     content: "\e032"}
    1688 .mce-i-browse:before {
    1689     content: "\e034"}
    1690 .mce-i-pastetext:before {
    1691     content: "\e035"}
    1692 .mce-i-checkbox:before, .mce-i-selected:before {
    1693     content: "\e033"}
    1694 .mce-i-selected {
    1695     visibility: hidden;
    1696 }
    1697 i.mce-i-backcolor {
    1698     text-shadow: none;
    1699     background: #bbb;
    1700 }
    1701 
    1702 .mce-menu-item-block,
    1703 .mce-menu-item-left,
    1704 .mce-menu-item-right {
    1705     display: inline-block;
    1706 }
    1707 .mce-menu-item-block {
    1708     width: 100%;
    1709 }
    1710 .mce-menu-item-left {
    1711     float: left;
    1712     opacity: 0.5;
    1713 }
    1714 .mce-menu-item-right {
    1715     float: right;
    1716 }
    1717 .mce-link-row {
    1718     margin-left: 18px;
    1719     margin-right: 18px;
    1720 }
    1721 .mce-link-row:not(:last-of-type) {
    1722     border-bottom: 1px solid #5b4b63;
    1723 }
    1724 .mce-link-row input[type=text] {
    1725     width: 100%;
    1726     /*border: 1px solid #fff;*/
    1727     opacity: 0.5;
    1728     margin-left: 10px;
    1729 }
    1730 .mce-link-row input[type=text][name=href] {
    1731     color: #4a90e2;
    1732     opacity: 1;
    1733 }
    1734 .mce-dummy-colorpicker {
    1735     height: 183px;
    1736     width: 100%;
    1737 }
    1738 .mce-input-name-txt {
    1739     font-weight: bold;
    1740     color: #f72497;
    1741     vertical-align: top;
    1742 }
    1743 /*OCTO special*/
    1744 .mce-floatpanel.mce-fixed {
    1745     position: absolute; /*we don't want to make it fixed for now*/
    1746     margin-top: 15px;
    1747 }
    1748 .mce-floatpanel.mce-fixed.mce-menu,
    1749 .mce-floatpanel.mce-popover.mce-fixed {
    1750     margin-top: 13px;   /*15px - 5px + 3px*/
    1751 }
    1752 div.mce-tinymce-inline.mce-fixed:after,
    1753 div.mce-container.mce-panel.mce-floatpanel.mce-fixed:after {
    1754     border-left: 5px solid transparent;
    1755     border-right: 5px solid transparent;
    1756     clear: both;
    1757     content: "";
    1758     height: 0;
    1759     left: 50%;
    1760     position: absolute;
    1761     top: -5px;
    1762     width: 0;
    1763    
    1764     border-top: none;
    1765     border-bottom: 5px solid rgba(45, 34, 52, 0.96);
    1766 }
    1767 /*OCTO*/
    1768 /*.mce-container.mce-panel.mce-floatpanel.mce-menu.mce-menu-align,
    1769 .mce-container.mce-panel.mce-floatpanel.mce-menu.mce-menu-align .mce-container-body.mce-stack-layout,
    1770 .mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom.mce-start {
    1771     width: 330px !important;
    1772 }*/
    1773 /**/
    1774 /*div.mce-tinymce-inline:after {
    1775      border-top: 5px solid rgba(45, 34, 52, 0.96);
    1776 }*/
    1777 /****/
     1.mce-autoscroll,.mce-container-body.mce-abs-layout,.mce-fullscreen{overflow:hidden}.mce-container,.mce-container *,.mce-reset,.mce-widget,.mce-widget *{margin:0;padding:0;border:0;outline:0;vertical-align:top;background:0 0;text-decoration:none;color:#fff;font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-shadow:none;float:none;position:static;width:auto;height:auto;white-space:nowrap;cursor:inherit;-webkit-tap-highlight-color:transparent;line-height:normal;font-weight:400;text-align:left;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;direction:ltr;max-width:none}.mce-flow-layout,.mce-path,.mce-tooltip-inner{white-space:normal}.mce-charmap td,.mce-colorbtn-trans div{text-align:center;vertical-align:middle}.mce-widget button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.mce-container [unselectable]{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.mce-container.mce-btn-group div[id^=mceu_]:empty{background-color:#5b4b63;height:16px;margin:7px 3px 0;width:1px}.mce-fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.mce-fade.mce-in{opacity:1}.mce-tinymce{visibility:inherit!important;position:relative;display:block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}div.mce-fullscreen{width:100%;height:auto}.mce-wordcount{position:absolute;top:0;right:0;padding:8px}div.mce-edit-area{background:#FFF;filter:none}.mce-statusbar,.mce-statusbar .mce-container-body{position:relative}.mce-fullscreen .mce-resizehandle{display:none}.mce-container,.mce-container-body,.mce-foot,.mce-grid a,.mce-window .mce-container-body{display:block}.mce-charmap{border-collapse:collapse}.mce-charmap td{cursor:default;border:1px solid #9e9e9e;width:20px;height:20px;line-height:20px;padding:2px}.mce-charmap td div{text-align:center}.mce-charmap td:hover{background:#d9d9d9}.mce-grid td.mce-grid-cell div{border:1px solid #d6d6d6;width:15px;height:15px;margin:0;cursor:pointer}.mce-grid td.mce-grid-cell div:focus{border-color:#a1a1a1}.mce-grid td.mce-grid-cell div[disabled]{cursor:not-allowed}.mce-grid{border-spacing:2px;border-collapse:separate}.mce-grid a{border:1px solid transparent}.mce-grid a:focus,.mce-grid a:hover{border-color:#a1a1a1}.mce-grid-border{margin:0 4px}.mce-grid-border a{border-color:#d6d6d6;width:13px;height:13px}.mce-grid-border a.mce-active,.mce-grid-border a:hover{border-color:#a1a1a1;background:#c8def4}.mce-text-center{text-align:center}div.mce-tinymce-inline{width:100%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-top:-15px}div.mce-tinymce-inline.mce-tinymce-inline-bottom{margin-top:15px}div.mce-container.mce-panel.mce-floatpanel:after,div.mce-tinymce-inline:after{border-left:5px solid transparent;border-right:5px solid transparent;clear:both;content:"";height:0;left:50%;position:absolute;top:100%;width:0}div.mce-tinymce-inline:after{border-top:5px solid rgba(45,34,52,.96)}div.mce-tinymce-inline.mce-tinymce-inline-bottom:after{border-top:none;border-bottom:5px solid rgba(45,34,52,.96);top:-5px!important}div.mce-container.mce-panel.mce-floatpanel:not(.mce-tinymce-inline):after{border-top:5px solid rgba(57,45,63,.96)}div.mce-container.mce-panel.mce-floatpanel.mce-tinymce-subpanel-bottom:after{border-top:none;border-bottom:5px solid rgba(57,45,63,.96);top:-5px!important}div.mce-container.mce-panel.mce-floatpanel.mce-tinymce-subpanel-bottom{border-radius:4px 4px 0 0}.mce-colorbtn-trans div{font-weight:700;font-size:20px;line-height:16px;color:#707070}.mce-toolbar-grp{padding-bottom:2px}.mce-toolbar-grp .mce-flow-layout-item{margin-bottom:0}.mce-rtl .mce-wordcount{left:0;right:auto}.mce-scrollbar{position:absolute;width:7px;height:100%;top:2px;right:2px;opacity:.4;filter:alpha(opacity=40);zoom:1}.mce-scrollbar-h{top:auto;right:auto;left:2px;bottom:2px;width:100%;height:7px}.mce-scrollbar-thumb{position:absolute;background-color:#000;border:1px solid #888;border-color:rgba(85,85,85,.6);width:5px;height:100%;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mce-scrollbar-h .mce-scrollbar-thumb{width:100%;height:5px}.mce-scrollbar.mce-active,.mce-scrollbar:hover{background-color:#AAA;opacity:.6;filter:alpha(opacity=60);zoom:1;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mce-scroll{position:relative}.mce-panel{border:none;background-color:rgba(45,34,52,.96);border-radius:5px}.mce-panel.mce-submenu-opened-top{border-bottom-left-radius:0;border-bottom-right-radius:0}.mce-panel.mce-submenu-opened-bottom{border-top-left-radius:0;border-top-right-radius:0}.mce-floatpanel{position:absolute;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.mce-floatpanel .mce-arrow,.mce-floatpanel .mce-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}#mce-modal-block,.mce-window,div.mce-fullscreen{left:0;top:0;position:fixed}.mce-floatpanel .mce-arrow{border-width:11px}.mce-floatpanel .mce-arrow:after{border-width:10px;content:""}.mce-floatpanel.mce-popover.mce-bottom>.mce-arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#9e9e9e;border-bottom-color:rgba(0,0,0,.25);top:-11px}.mce-floatpanel.mce-popover.mce-bottom>.mce-arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.mce-floatpanel.mce-popover.mce-bottom.mce-start>.mce-arrow{left:20px}.mce-floatpanel.mce-popover.mce-bottom.mce-end{margin-left:22px}.mce-floatpanel.mce-popover.mce-bottom.mce-end>.mce-arrow{right:10px;left:auto}.mce-fullscreen{z-index:100;border:0;padding:0;margin:0;background:#fff;height:100%}#mce-modal-block{opacity:0;filter:alpha(opacity=0);zoom:1;width:100%;height:100%;background:#000}#mce-modal-block.mce-in{opacity:.3;filter:alpha(opacity=30);zoom:1}.mce-window-move{cursor:move}.mce-window{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,.3);box-shadow:0 3px 7px rgba(0,0,0,.3);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background:#fff;opacity:0;-webkit-transition:opacity 150ms ease-in;transition:opacity 150ms ease-in}.mce-btn:active,.mce-primary,.mce-primary:focus,.mce-primary:hover{zoom:1;background-repeat:repeat-x}.mce-window.mce-in{opacity:1}.mce-window-head{padding:9px 15px;border-bottom:1px solid #c5c5c5;position:relative}.mce-window-head .mce-close{position:absolute;right:15px;top:9px;font-size:20px;font-weight:700;line-height:20px;color:#858585;cursor:pointer;height:20px;overflow:hidden}.mce-close:hover{color:#adadad}.mce-window-head .mce-title{line-height:20px;font-size:20px;font-weight:700;text-rendering:optimizelegibility;padding-right:10px}.mce-foot{background-color:#fff;border-top:1px solid #c5c5c5;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.mce-btn,.mce-caret,.mce-combobox{display:inline-block}.mce-window-head .mce-dragh{position:absolute;top:0;left:0;cursor:move;width:90%;height:100%}.mce-window iframe{width:100%;height:100%}.mce-window.mce-fullscreen,.mce-window.mce-fullscreen .mce-foot{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mce-rtl .mce-window-head .mce-close{position:absolute;right:auto;left:15px}.mce-rtl .mce-window-head .mce-dragh{left:auto;right:0}.mce-tooltip-ne .mce-tooltip-arrow,.mce-tooltip-se .mce-tooltip-arrow{right:10px}.mce-rtl .mce-window-head .mce-title{direction:rtl;text-align:right}.mce-abs-layout{position:relative}.mce-abs-end,.mce-tooltip,body .mce-abs-layout-item{position:absolute}.mce-abs-end{width:1px;height:1px}.mce-tooltip{padding:5px;opacity:.8;filter:alpha(opacity=80);zoom:1}.mce-tooltip-inner{font-size:11px;background-color:#000;color:#fff;max-width:200px;padding:5px 8px 4px;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}.mce-tooltip-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed #000}.mce-btn,.mce-colorbutton .mce-ico{position:relative}.mce-tooltip-arrow-n{border-bottom-color:#000}.mce-tooltip-arrow-s{border-top-color:#000}.mce-tooltip-arrow-e{border-left-color:#000}.mce-tooltip-arrow-w{border-right-color:#000}.mce-tooltip-n .mce-tooltip-arrow,.mce-tooltip-ne .mce-tooltip-arrow,.mce-tooltip-nw .mce-tooltip-arrow{top:0;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.mce-tooltip-nw,.mce-tooltip-sw{margin-left:-14px}.mce-tooltip-n .mce-tooltip-arrow{left:50%;margin-left:-5px}.mce-tooltip-nw .mce-tooltip-arrow{left:10px}.mce-tooltip-s .mce-tooltip-arrow,.mce-tooltip-se .mce-tooltip-arrow,.mce-tooltip-sw .mce-tooltip-arrow{bottom:0;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.mce-tooltip-s .mce-tooltip-arrow{left:50%;margin-left:-5px}.mce-tooltip-sw .mce-tooltip-arrow{left:10px}.mce-tooltip-e .mce-tooltip-arrow,.mce-tooltip-w .mce-tooltip-arrow{top:50%;margin-top:-5px;border-top-color:transparent;border-bottom-color:transparent}.mce-tooltip-e .mce-tooltip-arrow{right:0;border-left-style:solid;border-right:none}.mce-tooltip-w .mce-tooltip-arrow{left:0;border-right-style:solid;border-left:none}.mce-btn{border:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:transparent}.mce-btn:not(.mce-active):focus .mce-ico,.mce-btn:not(.mce-active):focus button *,.mce-btn:not(.mce-active):hover .mce-ico,.mce-btn:not(.mce-active):hover button *{color:#f72497;opacity:1}.mce-btn.mce-disabled button,.mce-btn.mce-disabled:hover button{cursor:default;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;opacity:.4;filter:alpha(opacity=40);zoom:1}.mce-btn.mce-active,.mce-btn.mce-active:hover{color:#f72497}.mce-btn:active{background-color:#d6d6d6;background-image:-moz-linear-gradient(top,#e6e6e6,silver);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(silver));background-image:-webkit-linear-gradient(top,#e6e6e6,silver);background-image:-o-linear-gradient(top,#e6e6e6,silver);background-image:linear-gradient(to bottom,#e6e6e6,silver);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6',  endColorstr='#ffc0c0c0',  GradientType=0);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.mce-btn button{padding:4px 10px;font-size:14px;line-height:20px;cursor:pointer;color:#333;text-align:center;overflow:visible;-webkit-appearance:none}.mce-rtl .mce-checkbox,.mce-rtl .mce-flow-layout,.mce-rtl .mce-label,.mce-rtl .mce-menubtn button{direction:rtl;text-align:right}.mce-btn button::-moz-focus-inner{border:0;padding:0}.mce-primary{min-width:50px;color:#fff;border:1px solid #b1b1b1;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25) rgba(0,0,0,.25);background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',  endColorstr='#ff0044cc',  GradientType=0)}.mce-primary:focus,.mce-primary:hover{background-color:#005fb3;background-image:-moz-linear-gradient(top,#0077b3,#003cb3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0077b3),to(#003cb3));background-image:-webkit-linear-gradient(top,#0077b3,#003cb3);background-image:-o-linear-gradient(top,#0077b3,#003cb3);background-image:linear-gradient(to bottom,#0077b3,#003cb3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0077b3',  endColorstr='#ff003cb3',  GradientType=0)}.mce-primary.mce-disabled button,.mce-primary.mce-disabled:hover button{cursor:default;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;opacity:.4;filter:alpha(opacity=40);zoom:1}.mce-primary.mce-active,.mce-primary.mce-active:hover,.mce-primary:not(.mce-disabled):active{background-color:#005299;background-image:-moz-linear-gradient(top,#069,#039);background-image:-webkit-gradient(linear,0 0,0 100%,from(#069),to(#039));background-image:-webkit-linear-gradient(top,#069,#039);background-image:-o-linear-gradient(top,#069,#039);background-image:linear-gradient(to bottom,#069,#039);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff006699',  endColorstr='#ff003399',  GradientType=0);zoom:1;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.mce-primary button,.mce-primary button i{color:#fff;text-shadow:1px 1px #333}.mce-label,.mce-tab{text-shadow:0 1px 1px rgba(255,255,255,.75)}.mce-btn-large button{padding:9px 14px;font-size:16px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.mce-btn-large i{margin-top:2px}.mce-btn-small button{padding:1px 5px;font-size:12px}.mce-btn-small i{line-height:20px;vertical-align:top}.mce-btn .mce-caret,.mce-btn-small .mce-caret{margin-top:8px;margin-left:0}.mce-caret{content:"";color:#fff;font-family:"Glyphicons Halflings";font-style:normal;font-size:7px}.mce-caret::before{content:"\e114"}.mce-active .mce-caret::before{content:"\e113"}.mce-disabled .mce-caret{border-top-color:#aaa}.mce-caret.mce-up{border-bottom:4px solid #333;border-top:0}.mce-btn-flat{border:0;background:0 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:none}.mce-btn-flat.mce-active,.mce-btn-flat:active,.mce-btn-flat:focus,.mce-btn-flat:hover{border:0;background:#e6e6e6;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.mce-rtl .mce-btn button{direction:rtl}.mce-btn-group .mce-btn{border-width:1px 0;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mce-btn-group .mce-first.mce-last{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.mce-btn-group .mce-btn.mce-flow-layout-item{margin:0}.mce-checkbox{cursor:pointer}i.mce-i-checkbox{margin:0 3px 0 0;border:1px solid #c5c5c5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);background-color:#f0f0f0;background-image:-moz-linear-gradient(top,#fff,#d9d9d9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#d9d9d9));background-image:-webkit-linear-gradient(top,#fff,#d9d9d9);background-image:-o-linear-gradient(top,#fff,#d9d9d9);background-image:linear-gradient(to bottom,#fff,#d9d9d9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',  endColorstr='#ffd9d9d9',  GradientType=0);zoom:1;text-indent:-10em;overflow:hidden}.mce-checked i.mce-i-checkbox{color:#333;font-size:16px;line-height:16px;text-indent:0}.mce-checkbox.mce-focus i.mce-i-checkbox,.mce-checkbox:focus i.mce-i-checkbox{border:1px solid rgba(82,168,236,.8);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.65);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.65);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.65)}.mce-checkbox.mce-disabled .mce-label,.mce-checkbox.mce-disabled i.mce-i-checkbox{color:#acacac}.mce-rtl i.mce-i-checkbox{margin:0 0 0 3px}.mce-combobox{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.mce-combobox input{border:1px solid #c5c5c5;border-right-color:#c5c5c5;height:28px}.mce-combobox.mce-disabled input{color:#adadad}.mce-combobox.mce-has-open input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.mce-combobox .mce-btn{border-left:0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.mce-combobox button{padding-right:8px;padding-left:8px}.mce-combobox.mce-disabled .mce-btn button{cursor:default;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;opacity:.4;filter:alpha(opacity=40);zoom:1}.mce-colorbox i{border:1px solid #c5c5c5;width:14px;height:14px}.mce-colorbutton-grid{margin:4px}.mce-colorbutton button{padding-right:4px}.mce-colorbutton .mce-preview{padding-right:3px;display:block;position:absolute;left:50%;top:50%;margin-left:-14px;margin-top:7px;background:gray;width:13px;height:2px;overflow:hidden}.mce-path,.mce-path .mce-path-body,.mce-path .mce-txt,.mce-path-item{display:inline-block}.mce-colorbutton.mce-btn-small .mce-preview{margin-left:-16px;padding-right:0;width:16px}.mce-colorbutton .mce-open{padding-left:4px;border-left:1px solid transparent;border-right:1px solid transparent}.mce-colorbutton:hover .mce-open{border-left-color:#bdbdbd;border-right-color:#bdbdbd}.mce-colorbutton.mce-btn-small .mce-open{padding:0 3px}.mce-rtl .mce-colorbutton{direction:rtl}.mce-rtl .mce-colorbutton .mce-preview{margin-left:0;padding-right:0;padding-left:4px;margin-right:-14px}.mce-rtl .mce-colorbutton.mce-btn-small .mce-preview{margin-left:0;padding-right:0;margin-right:-17px;padding-left:0}.mce-rtl .mce-colorbutton button{padding-right:10px;padding-left:10px}.mce-rtl .mce-colorbutton .mce-open{padding-left:4px;padding-right:4px}.mce-colorpicker{position:relative;width:250px;height:220px}.mce-colorpicker-sv{position:absolute;top:0;left:0;width:90%;height:100%;border:1px solid #c5c5c5;cursor:crosshair;overflow:hidden}.mce-colorpicker-h-chunk{width:100%}.mce-colorpicker-overlay1,.mce-colorpicker-overlay2{width:100%;height:100%;position:absolute;top:0;left:0}.mce-colorpicker-overlay1{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,  startColorstr='#ffffff',  endColorstr='#00ffffff');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff',  endColorstr='#00ffffff')";background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.mce-colorpicker-overlay2{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,  startColorstr='#00000000',  endColorstr='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00000000',  endColorstr='#000000')";background:linear-gradient(to bottom,rgba(0,0,0,0),#000)}.mce-colorpicker-selector1{background:0 0;position:absolute;width:12px;height:12px;margin:-8px 0 0 -8px;border:1px solid #000;border-radius:50%}.mce-colorpicker-selector2{position:absolute;width:10px;height:10px;border:1px solid #fff;border-radius:50%}.mce-colorpicker-h{position:absolute;top:0;right:0;width:6.5%;height:100%;border:1px solid #c5c5c5;cursor:crosshair}.mce-colorpicker-h-marker{margin-top:-4px;position:absolute;top:0;left:-1px;width:100%;border:1px solid #333;background:#fff;height:4px;z-index:100}.mce-path{padding:8px}.mce-path .mce-txt{padding-right:3px}.mce-path-item{cursor:pointer;color:#333}.mce-path-item:hover{text-decoration:underline}.mce-path-item:focus{background:#666;color:#fff}.mce-disabled .mce-path-item,.mce-label.mce-disabled{color:#aaa}.mce-path .mce-divider{display:inline}.mce-fit-layout,.mce-flow-layout-item,.mce-label{display:inline-block}.mce-rtl .mce-path{direction:rtl}.mce-fieldset{border:0 solid #9E9E9E;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.mce-fieldset>.mce-container-body{margin-top:-15px}.mce-fieldset-title{margin-left:5px;padding:0 5px}.mce-fit-layout-item{position:absolute}.mce-flow-layout-item{margin:2px 0 2px 2px}.mce-flow-layout-item.mce-last{margin-right:2px}.mce-tinymce-inline .mce-flow-layout{white-space:nowrap}.mce-rtl .mce-flow-layout-item{margin:2px 2px 2px 0}.mce-rtl .mce-flow-layout-item.mce-last{margin-left:2px}.mce-iframe{border:0 solid #9e9e9e;width:100%;height:100%}.mce-label{overflow:hidden}.mce-label.mce-autoscroll{overflow:auto}.mce-label.mce-multiline{white-space:pre-wrap}.mce-label.mce-error{color:#a00}.mce-menubar .mce-menubtn{border-color:transparent;background:0 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:none}.mce-menubar{border:1px solid #c4c4c4}.mce-menubar .mce-menubtn button span{color:#333}.mce-menubar .mce-caret{border-top-color:#333}.mce-menubar .mce-menubtn.mce-active,.mce-menubar .mce-menubtn:focus,.mce-menubar .mce-menubtn:hover{border-color:transparent;background:#e6e6e6;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.mce-menubtn span{color:#fff;margin-right:2px;line-height:20px}.mce-btn.mce-active button i.mce-i-link,.mce-menubtn.mce-active span{color:#f72497}.mce-menubtn.mce-btn-small span{font-size:12px}.mce-menubtn.mce-fixed-width span{display:inline-block;overflow-x:hidden;text-overflow:ellipsis;width:90px}.mce-menubtn.mce-fixed-width.mce-btn-small span{width:70px}.mce-listbox button{text-align:left;padding-right:20px;position:relative}.mce-rtl .mce-menu-item,.mce-rtl .mce-splitbtn,.mce-rtl .mce-tabs,.mce-rtl .mce-textbox{text-align:right;direction:rtl}.mce-listbox .mce-caret{position:absolute;margin-top:-2px;right:8px;top:50%}.mce-rtl .mce-listbox .mce-caret{right:auto;left:8px}.mce-rtl .mce-listbox button{padding-right:10px;padding-left:20px}.mce-menu-item{display:block;padding:6px 2px;clear:both;font-weight:400;color:#fff;white-space:nowrap;cursor:pointer;line-height:normal;border-left:4px solid transparent;margin-bottom:1px}.mce-menu-item.mce-not-inline{padding:6px 35px 6px 3px}.mce-menu-item .mce-ico,.mce-menu-item .mce-text{color:#fff}.mce-menu-item.mce-disabled .mce-ico,.mce-menu-item.mce-disabled .mce-text{color:#adadad}.mce-menu-item.mce-selected .mce-ico,.mce-menu-item:focus .mce-ico,.mce-menu-item:hover .mce-ico{color:#fff}.mce-menu-item.mce-disabled:hover{background:#ccc}.mce-menu-shortcut{color:#adadad;display:inline-block;padding:0 15px 0 20px}.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom.mce-start .mce-arrow,.mce-menu i{display:none}.mce-menu-item.mce-selected .mce-menu-shortcut,.mce-menu-item:focus .mce-menu-shortcut,.mce-menu-item:hover .mce-menu-shortcut{color:#fff}.mce-menu-item .mce-caret{margin-top:4px;margin-right:6px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #333}.mce-menu-item.mce-selected .mce-caret,.mce-menu-item:focus .mce-caret,.mce-menu-item:hover .mce-caret{border-left-color:#fff}.mce-menu-align .mce-caret,.mce-menu-align .mce-menu-shortcut{position:absolute;right:0}.mce-menu-item.mce-active i{visibility:visible}.mce-menu-item-preview.mce-active{border-left:5px solid #aaa}.mce-menu-item-normal.mce-active .mce-text,.mce-menu-item-normal.mce-active .mce-text *{color:#f72497;opacity:1;position:relative}.mce-menu-item-normal.mce-active .mce-text:after{content:"";border:2px solid #f72497;position:absolute;top:8px;right:0;border-radius:50%}.mce-menu-item-normal.mce-active:focus .mce-ico,.mce-menu-item-normal.mce-active:focus .mce-text,.mce-menu-item-normal.mce-active:hover .mce-ico,.mce-menu-item-normal.mce-active:hover .mce-text{color:#fff}.mce-menu-item.mce-selected,.mce-menu-item.mce-selected *,.mce-menu-item:focus,.mce-menu-item:focus *,.mce-menu-item:hover,.mce-menu-item:hover *{text-decoration:none;color:#f72497;opacity:1}.mce-menu-item-sep:hover,div.mce-menu .mce-menu-item-sep{border:0;padding:0;height:1px;margin:9px 1px;overflow:hidden;background:#cbcbcb;border-bottom:1px solid #fff;cursor:default;filter:none}.mce-menu.mce-rtl{direction:rtl}.mce-rtl .mce-menu-item{padding:6px 12px 6px 15px}.mce-menu-align.mce-rtl .mce-caret,.mce-menu-align.mce-rtl .mce-menu-shortcut{right:auto;left:0}.mce-rtl .mce-menu-item .mce-caret{margin-left:6px;margin-right:0;border-right:4px solid #333;border-left:0}.mce-rtl .mce-menu-item.mce-selected .mce-caret,.mce-rtl .mce-menu-item:focus .mce-caret,.mce-rtl .mce-menu-item:hover .mce-caret{border-left-color:transparent;border-right-color:#fff}.mce-floatpanel.mce-popover,.mce-menu{position:absolute;left:0;top:0;padding:5px 0;margin:2px 0 0;min-width:160px;background:#fff;border:none;z-index:1002;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:0 0 4px 4px;background-color:rgba(57,45,63,.96);max-height:130px}.mce-floatpanel.mce-popover.mce-colorpanel{max-height:none}.mce-menu-has-icons i{display:inline-block}.mce-menu-sub-tr-tl{margin:-6px 0 0 -1px}.mce-menu-sub-br-bl{margin:6px 0 0 -1px}.mce-menu-sub-tl-tr{margin:-6px 0 0 1px}.mce-menu-sub-bl-br{margin:6px 0 0 1px}.mce-container-body .mce-resizehandle{position:absolute;right:0;bottom:0;width:16px;height:16px;visibility:visible;cursor:s-resize;margin:0}.mce-i-selected,.mce-spacer{visibility:hidden}.mce-container-body .mce-resizehandle-both{cursor:se-resize}i.mce-i-resize{color:#333}.mce-splitbtn .mce-open{border-left:1px solid transparent;border-right:1px solid transparent;padding-left:4px}.mce-splitbtn:hover .mce-open{border-left-color:#bdbdbd;border-right-color:#bdbdbd}.mce-splitbtn button{padding-right:4px}.mce-splitbtn .mce-open.mce-active{-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.mce-splitbtn.mce-btn-small .mce-open{padding:0 3px}.mce-rtl .mce-splitbtn button{padding-right:10px;padding-left:10px}.mce-rtl .mce-splitbtn .mce-open{padding-left:4px;padding-right:4px}.mce-stack-layout-item{display:block;float:left;clear:none}.mce-stack-layout-item.mce-not-inline{float:none}.mce-tabs{display:block;border-bottom:1px solid #c5c5c5}.mce-ico,.mce-menu-item-block,.mce-menu-item-left,.mce-menu-item-right,.mce-tab,.mce-textbox{display:inline-block}.mce-tab{border:1px solid #c5c5c5;border-width:0 1px 0 0;background:#e3e3e3;padding:8px;height:13px;cursor:pointer}.mce-tab:hover{background:#fdfdfd}.mce-tab.mce-active{background:#fdfdfd;border-bottom-color:transparent;margin-bottom:-1px;height:14px}.mce-rtl .mce-tab{border-width:0 0 0 1px}.mce-textbox{background:#fff;border:1px solid #c5c5c5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;height:28px;resize:none;padding:0 4px;white-space:pre-wrap;color:#333}.mce-textbox.mce-focus,.mce-textbox:focus{border-color:rgba(82,168,236,.8);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.65);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.65);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.65)}.mce-placeholder .mce-textbox{color:#aaa}.mce-textbox.mce-multiline{padding:4px}.mce-textbox.mce-disabled{color:#adadad}.mce-throbber{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;filter:alpha(opacity=60);zoom:1;background:url(img/loader.gif) center center no-repeat #fff}.mce-throbber-inline{position:static;height:50px}@font-face{font-family:tinymce;src:url(fonts/tinymce.eot);src:url(fonts/tinymce.eot?#iefix) format('embedded-opentype'),url(fonts/tinymce.woff) format('woff'),url(fonts/tinymce.ttf) format('truetype'),url(fonts/tinymce.svg#tinymce) format('svg');font-weight:400;font-style:normal}@font-face{font-family:tinymce-small;src:url(fonts/tinymce-small.eot);src:url(fonts/tinymce-small.eot?#iefix) format('embedded-opentype'),url(fonts/tinymce-small.woff) format('woff'),url(fonts/tinymce-small.ttf) format('truetype'),url(fonts/tinymce-small.svg#tinymce) format('svg');font-weight:400;font-style:normal}.mce-ico{font-family:tinymce,Arial;font-style:normal;font-weight:400;font-variant:normal;font-size:16px;line-height:16px;speak:none;vertical-align:text-top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:center center;background-size:cover;width:16px;height:16px;color:#fff}.mce-btn .mce-ico{opacity:.5}.mce-btn.mce-active .mce-ico{opacity:1}.mce-btn-small .mce-ico{font-family:tinymce-small,Arial}.mce-i-save:before{content:"\e000"}.mce-i-newdocument:before{content:"\e001"}.mce-i-fullpage:before{content:"\e002"}.mce-i-alignleft:before{content:"\e003"}.mce-i-aligncenter:before{content:"\e004"}.mce-i-alignright:before{content:"\e005"}.mce-i-alignjustify:before{content:"\e006"}.mce-i-cut:before{content:"\e007"}.mce-i-paste:before{content:"\e008"}.mce-i-searchreplace:before{content:"\e009"}.mce-i-bullist:before{content:"\e00a"}.mce-i-numlist:before{content:"\e00b"}.mce-i-indent:before{content:"\e00c"}.mce-i-outdent:before{content:"\e00d"}.mce-i-blockquote:before{content:"\e00e"}.mce-i-undo:before{content:"\e00f"}.mce-i-redo:before{content:"\e010"}.mce-i-link:before{content:"\e011"}.mce-i-unlink:before{content:"\e012"}.mce-i-anchor:before{content:"\e013"}.mce-i-image:before{content:"\e014"}.mce-i-media:before{content:"\e015"}.mce-i-help:before{content:"\e016"}.mce-i-code:before{content:"\e017"}.mce-i-insertdatetime:before{content:"\e018"}.mce-i-preview:before{content:"\e019"}.mce-i-backcolor:before,.mce-i-forecolor:before{content:"\e01a"}.mce-i-table:before{content:"\e01b"}.mce-i-hr:before{content:"\e01c"}.mce-i-removeformat:before{content:"\e01d"}.mce-i-subscript:before{content:"\e01e"}.mce-i-superscript:before{content:"\e01f"}.mce-i-charmap:before{content:"\e020"}.mce-i-emoticons:before{content:"\e021"}.mce-i-print:before{content:"\e022"}.mce-i-fullscreen:before{content:"\e023"}.mce-i-spellchecker:before{content:"\e024"}.mce-i-nonbreaking:before{content:"\e025"}.mce-i-template:before{content:"\e026"}.mce-i-pagebreak:before{content:"\e027"}.mce-i-restoredraft:before{content:"\e028"}.mce-i-untitled:before{content:"\e029"}.mce-i-bold:before{content:"\e02a"}.mce-i-italic:before{content:"\e02b"}.mce-i-underline:before{content:"\e02c"}.mce-i-strikethrough:before{content:"\e02d"}.mce-i-visualblocks:before,.mce-i-visualchars:before{content:"\e02e"}.mce-i-ltr:before{content:"\e02f"}.mce-i-rtl:before{content:"\e030"}.mce-i-copy:before{content:"\e031"}.mce-i-resize:before{content:"\e032"}.mce-i-browse:before{content:"\e034"}.mce-i-pastetext:before{content:"\e035"}.mce-i-checkbox:before,.mce-i-selected:before{content:"\e033"}i.mce-i-backcolor{text-shadow:none;background:#bbb}.mce-menu-item-block{width:100%}.mce-menu-item-left{float:left;opacity:.5}.mce-menu-item-right{float:right}.mce-link-row{margin-left:18px;margin-right:18px}.mce-link-row:not(:last-of-type){border-bottom:1px solid #5b4b63}.mce-link-row input[type=text]{width:100%;opacity:.5;margin-left:10px}.mce-link-row input[type=text][name=href]{color:#4a90e2;opacity:1}.mce-dummy-colorpicker{height:183px;width:100%}.mce-input-name-txt{font-weight:700;color:#f72497;vertical-align:top}.mce-floatpanel.mce-fixed{position:absolute;margin-top:15px}.mce-floatpanel.mce-fixed.mce-menu,.mce-floatpanel.mce-popover.mce-fixed{margin-top:13px}div.mce-container.mce-panel.mce-floatpanel.mce-fixed:after,div.mce-tinymce-inline.mce-fixed:after{border-left:5px solid transparent;border-right:5px solid transparent;clear:both;content:"";height:0;left:50%;position:absolute;top:-5px;width:0;border-top:none;border-bottom:5px solid rgba(45,34,52,.96)}

  • octonis-page-builder/trunk/js/tinymce/themes/modern/theme.min.js

    r1212815 r1224053  
    1 tinymce.ThemeManager.add("modern",function(a){function b(){function b(b){var d,e=[];if(b)return l(b.split(/[ ,]/),function(b){function c(){var c=a.selection;"bullist"==f&&c.selectorChanged("ul > li",function(a,c){for(var d,e=c.parents.length;e--&&(d=c.parents[e].nodeName,"OL"!=d&&"UL"!=d););b.active(a&&"UL"==d)}),"numlist"==f&&c.selectorChanged("ol > li",function(a,c){for(var d,e=c.parents.length;e--&&(d=c.parents[e].nodeName,"OL"!=d&&"UL"!=d););b.active(a&&"OL"==d)}),b.settings.stateSelector&&c.selectorChanged(b.settings.stateSelector,function(a){b.active(a)},!0),b.settings.disabledStateSelector&&c.selectorChanged(b.settings.disabledStateSelector,function(a){b.disabled(a)})}var f;"|"==b?d=null:k.has(b)?(b={type:b},j.toolbar_items_size&&(b.size=j.toolbar_items_size),e.push(b),d=null):(d||(d={type:"buttongroup",items:[]},e.push(d)),a.buttons[b]&&(f=b,b=a.buttons[f],"function"==typeof b&&(b=b()),b.type=b.type||"button",j.toolbar_items_size&&(b.size=j.toolbar_items_size),b=k.create(b),d.items.push(b),a.initialized?c():a.on("init",c)))}),c.push({type:"toolbar",layout:"flow",items:e}),!0}var c=[];if(tinymce.isArray(j.toolbar)){if(0===j.toolbar.length)return;tinymce.each(j.toolbar,function(a,b){j["toolbar"+(b+1)]=a}),delete j.toolbar}for(var d=1;10>d&&b(j["toolbar"+d]);d++);return c.length||j.toolbar===!1||b(j.toolbar||o),c.length?{type:"panel",layout:"stack",classes:"toolbar-grp",ariaRoot:!0,ariaRemember:!0,items:c}:void 0}function c(){function b(b){var c;return"|"==b?{text:"|"}:c=a.menuItems[b]}function c(c){var d,e,f,g,h;if(h=tinymce.makeMap((j.removed_menuitems||"").split(/[ ,]/)),j.menu?(e=j.menu[c],g=!0):e=n[c],e){d={text:e.title},f=[],l((e.items||"").split(/[ ,]/),function(a){var c=b(a);c&&!h[a]&&f.push(b(a))}),g||l(a.menuItems,function(a){a.context==c&&("before"==a.separator&&f.push({text:"|"}),a.prependToContext?f.unshift(a):f.push(a),"after"==a.separator&&f.push({text:"|"}))});for(var i=0;i<f.length;i++)"|"==f[i].text&&(0===i||i==f.length-1)&&f.splice(i,1);if(d.menu=f,!d.menu.length)return null}return d}var d,e=[],f=[];if(j.menu)for(d in j.menu)f.push(d);else for(d in n)f.push(d);for(var g="string"==typeof j.menubar?j.menubar.split(/[ ,]/):f,h=0;h<g.length;h++){var i=g[h];i=c(i),i&&e.push(i)}return e}function d(b){function c(a){var c=b.find(a)[0];c&&c.focus(!0)}a.shortcuts.add("Alt+F9","",function(){c("menubar")}),a.shortcuts.add("Alt+F10","",function(){c("toolbar")}),a.shortcuts.add("Alt+F11","",function(){c("elementpath")}),b.on("cancel",function(){a.focus()})}function e(b,c){function d(a){return{width:a.clientWidth,height:a.clientHeight}}var e,f,g,h;e=a.getContainer(),f=a.getContentAreaContainer().firstChild,g=d(e),h=d(f),null!==b&&(b=Math.max(j.min_width||100,b),b=Math.min(j.max_width||65535,b),m.setStyle(e,"width",b+(g.width-h.width)),m.setStyle(f,"width",b)),c=Math.max(j.min_height||100,c),c=Math.min(j.max_height||65535,c),m.setStyle(f,"height",c),a.fire("ResizeEditor")}function f(b,c){var d=a.getContentAreaContainer();i.resizeTo(d.clientWidth+b,d.clientHeight+c)}function g(e){function f(){if(n&&n.moveRel&&n.visible()&&!n._fixed){var b=a.selection.getScrollContainer(),c=a.getBody(),d=0,e=0;if(b){var f=m.getPos(c),g=m.getPos(b);d=Math.max(0,g.x-f.x),e=Math.max(0,g.y-f.y)}n.fixed(!1).moveRel(c,a.rtl?["tr-br","br-tr"]:["tl-bl","bl-tl","tr-br"]).moveBy(d,e)}}function g(){n&&(n.show(),f(),m.addClass(a.getBody(),"mce-edit-focus"))}function h(){n&&(n.hide(),m.removeClass(a.getBody(),"mce-edit-focus"))}function l(){return n?void(n.visible()||g()):(n=i.panel=k.create({type:o?"panel":"floatpanel",role:"application",classes:"tinymce tinymce-inline",layout:"flex",direction:"column",align:"stretch",autohide:!1,autofix:!0,fixed:!!o,border:1,items:[j.menubar===!1?null:{type:"menubar",border:"0 0 1 0",items:c()},b()]}),a.fire("BeforeRenderUI"),n.renderTo(o||document.body).reflow(),d(n),g(),a.on("nodeChange",f),a.on("activate",g),a.on("deactivate",h),void a.nodeChanged())}var n,o;return j.fixed_toolbar_container&&(o=m.select(j.fixed_toolbar_container)[0]),j.content_editable=!0,a.on("focus",function(){e.skinUiCss?tinymce.DOM.styleSheetLoader.load(e.skinUiCss,l,l):l()}),a.on("blur hide",h),a.on("remove",function(){n&&(n.remove(),n=null)}),e.skinUiCss&&tinymce.DOM.styleSheetLoader.load(e.skinUiCss),{}}function h(f){var g,h,l;return f.skinUiCss&&tinymce.DOM.loadCSS(f.skinUiCss),g=i.panel=k.create({type:"panel",role:"application",classes:"tinymce",style:"visibility: hidden",layout:"stack",border:1,items:[j.menubar===!1?null:{type:"menubar",border:"0 0 1 0",items:c()},b(),{type:"panel",name:"iframe",layout:"stack",classes:"edit-area",html:"",border:"1 0 0 0"}]}),j.resize!==!1&&(h={type:"resizehandle",direction:j.resize,onResizeStart:function(){var b=a.getContentAreaContainer().firstChild;l={width:b.clientWidth,height:b.clientHeight}},onResize:function(a){"both"==j.resize?e(l.width+a.deltaX,l.height+a.deltaY):e(null,l.height+a.deltaY)}}),j.statusbar!==!1&&g.add({type:"panel",name:"statusbar",classes:"statusbar",layout:"flow",border:"1 0 0 0",ariaRoot:!0,items:[{type:"elementpath"},h]}),j.readonly&&g.find("*").disabled(!0),a.fire("BeforeRenderUI"),g.renderBefore(f.targetNode).reflow(),j.width&&tinymce.DOM.setStyle(g.getEl(),"width",j.width),a.on("remove",function(){g.remove(),g=null}),d(g),{iframeContainer:g.find("#iframe")[0].getEl(),editorContainer:g.getEl()}}var i=this,j=a.settings,k=tinymce.ui.Factory,l=tinymce.each,m=tinymce.DOM,n={file:{title:"File",items:"newdocument"},edit:{title:"Edit",items:"undo redo | cut copy paste pastetext | selectall"},insert:{title:"Insert",items:"|"},view:{title:"View",items:"visualaid |"},format:{title:"Format",items:"bold italic underline strikethrough superscript subscript | formats | removeformat"},table:{title:"Table"},tools:{title:"Tools"}},o="undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image";i.renderUI=function(b){var c=j.skin!==!1?j.skin||"lightgray":!1;if(c){var d=j.skin_url;d=d?a.documentBaseURI.toAbsolute(d):tinymce.baseURL+"/skins/"+c,b.skinUiCss=tinymce.Env.documentMode<=7?d+"/skin.ie7.min.css":d+"/skin.min.css",a.contentCSS.push(d+"/content"+(a.inline?".inline":"")+".min.css")}return a.on("ProgressState",function(a){i.throbber=i.throbber||new tinymce.ui.Throbber(i.panel.getEl("body")),a.state?i.throbber.show(a.time):i.throbber.hide()}),j.inline?g(b):h(b)},i.resizeTo=e,i.resizeBy=f});
     1tinymce.ThemeManager.add("modern",function(e){function t(){function t(t){var i,o=[];if(t)return d(t.split(/[ ,]/),function(t){function n(){var n=e.selection;"bullist"==r&&n.selectorChanged("ul > li",function(e,n){for(var i,o=n.parents.length;o--&&(i=n.parents[o].nodeName,"OL"!=i&&"UL"!=i););t.active(e&&"UL"==i)}),"numlist"==r&&n.selectorChanged("ol > li",function(e,n){for(var i,o=n.parents.length;o--&&(i=n.parents[o].nodeName,"OL"!=i&&"UL"!=i););t.active(e&&"OL"==i)}),t.settings.stateSelector&&n.selectorChanged(t.settings.stateSelector,function(e){t.active(e)},!0),t.settings.disabledStateSelector&&n.selectorChanged(t.settings.disabledStateSelector,function(e){t.disabled(e)})}var r;"|"==t?i=null:c.has(t)?(t={type:t},u.toolbar_items_size&&(t.size=u.toolbar_items_size),o.push(t),i=null):(i||(i={type:"buttongroup",items:[]},o.push(i)),e.buttons[t]&&(r=t,t=e.buttons[r],"function"==typeof t&&(t=t()),t.type=t.type||"button",u.toolbar_items_size&&(t.size=u.toolbar_items_size),t=c.create(t),i.items.push(t),e.initialized?n():e.on("init",n)))}),n.push({type:"toolbar",layout:"flow",items:o}),!0}var n=[];if(tinymce.isArray(u.toolbar)){if(0===u.toolbar.length)return;tinymce.each(u.toolbar,function(e,t){u["toolbar"+(t+1)]=e}),delete u.toolbar}for(var i=1;10>i&&t(u["toolbar"+i]);i++);return n.length||u.toolbar===!1||t(u.toolbar||f),n.length?{type:"panel",layout:"stack",classes:"toolbar-grp",ariaRoot:!0,ariaRemember:!0,items:n}:void 0}function n(){function t(t){var n;return"|"==t?{text:"|"}:n=e.menuItems[t]}function n(n){var i,o,r,a,s;if(s=tinymce.makeMap((u.removed_menuitems||"").split(/[ ,]/)),u.menu?(o=u.menu[n],a=!0):o=h[n],o){i={text:o.title},r=[],d((o.items||"").split(/[ ,]/),function(e){var n=t(e);n&&!s[e]&&r.push(t(e))}),a||d(e.menuItems,function(e){e.context==n&&("before"==e.separator&&r.push({text:"|"}),e.prependToContext?r.unshift(e):r.push(e),"after"==e.separator&&r.push({text:"|"}))});for(var l=0;l<r.length;l++)"|"==r[l].text&&(0===l||l==r.length-1)&&r.splice(l,1);if(i.menu=r,!i.menu.length)return null}return i}var i,o=[],r=[];if(u.menu)for(i in u.menu)r.push(i);else for(i in h)r.push(i);for(var a="string"==typeof u.menubar?u.menubar.split(/[ ,]/):r,s=0;s<a.length;s++){var l=a[s];l=n(l),l&&o.push(l)}return o}function i(t){function n(e){var n=t.find(e)[0];n&&n.focus(!0)}e.shortcuts.add("Alt+F9","",function(){n("menubar")}),e.shortcuts.add("Alt+F10","",function(){n("toolbar")}),e.shortcuts.add("Alt+F11","",function(){n("elementpath")}),t.on("cancel",function(){e.focus()})}function o(t,n){function i(e){return{width:e.clientWidth,height:e.clientHeight}}var o,r,a,s;o=e.getContainer(),r=e.getContentAreaContainer().firstChild,a=i(o),s=i(r),null!==t&&(t=Math.max(u.min_width||100,t),t=Math.min(u.max_width||65535,t),m.setStyle(o,"width",t+(a.width-s.width)),m.setStyle(r,"width",t)),n=Math.max(u.min_height||100,n),n=Math.min(u.max_height||65535,n),m.setStyle(r,"height",n),e.fire("ResizeEditor")}function r(t,n){var i=e.getContentAreaContainer();l.resizeTo(i.clientWidth+t,i.clientHeight+n)}function a(o){function r(){}function a(){h&&(h.show(),r(),m.addClass(e.getBody(),"mce-edit-focus"))}function s(){h&&(h.hide(),m.removeClass(e.getBody(),"mce-edit-focus"))}function d(){return h?void(h.visible()||a()):(h=l.panel=c.create({type:f?"panel":"floatpanel",role:"application",classes:"tinymce tinymce-inline",layout:"flex",direction:"column",align:"stretch",autohide:!1,autofix:!0,fixed:!!f,border:1,items:[u.menubar===!1?null:{type:"menubar",border:"0 0 1 0",items:n()},t()]}),e.fire("BeforeRenderUI"),h.renderTo(f||document.body).reflow(),i(h),a(),e.on("nodeChange",r),e.on("activate",a),e.on("deactivate",s),void e.nodeChanged())}var h,f;return u.fixed_toolbar_container&&(f=m.select(u.fixed_toolbar_container)[0]),u.content_editable=!0,e.on("focus",function(){o.skinUiCss?tinymce.DOM.styleSheetLoader.load(o.skinUiCss,d,d):d()}),e.on("blur hide",s),e.on("remove",function(){h&&(h.remove(),h=null)}),o.skinUiCss&&tinymce.DOM.styleSheetLoader.load(o.skinUiCss),{}}function s(r){var a,s,d;return r.skinUiCss&&tinymce.DOM.loadCSS(r.skinUiCss),a=l.panel=c.create({type:"panel",role:"application",classes:"tinymce",style:"visibility: hidden",layout:"stack",border:1,items:[u.menubar===!1?null:{type:"menubar",border:"0 0 1 0",items:n()},t(),{type:"panel",name:"iframe",layout:"stack",classes:"edit-area",html:"",border:"1 0 0 0"}]}),u.resize!==!1&&(s={type:"resizehandle",direction:u.resize,onResizeStart:function(){var t=e.getContentAreaContainer().firstChild;d={width:t.clientWidth,height:t.clientHeight}},onResize:function(e){"both"==u.resize?o(d.width+e.deltaX,d.height+e.deltaY):o(null,d.height+e.deltaY)}}),u.statusbar!==!1&&a.add({type:"panel",name:"statusbar",classes:"statusbar",layout:"flow",border:"1 0 0 0",ariaRoot:!0,items:[{type:"elementpath"},s]}),u.readonly&&a.find("*").disabled(!0),e.fire("BeforeRenderUI"),a.renderBefore(r.targetNode).reflow(),u.width&&tinymce.DOM.setStyle(a.getEl(),"width",u.width),e.on("remove",function(){a.remove(),a=null}),i(a),{iframeContainer:a.find("#iframe")[0].getEl(),editorContainer:a.getEl()}}var l=this,u=e.settings,c=tinymce.ui.Factory,d=tinymce.each,m=tinymce.DOM,h={file:{title:"File",items:"newdocument"},edit:{title:"Edit",items:"undo redo | cut copy paste pastetext | selectall"},insert:{title:"Insert",items:"|"},view:{title:"View",items:"visualaid |"},format:{title:"Format",items:"bold italic underline strikethrough superscript subscript | formats | removeformat"},table:{title:"Table"},tools:{title:"Tools"}},f="undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image";l.renderUI=function(t){var n=u.skin!==!1?u.skin||"lightgray":!1;if(n){var i=u.skin_url;i=i?e.documentBaseURI.toAbsolute(i):tinymce.baseURL+"/skins/"+n,t.skinUiCss=tinymce.Env.documentMode<=7?i+"/skin.ie7.min.css":i+"/skin.min.css",e.contentCSS.push(i+"/content"+(e.inline?".inline":"")+".min.css")}return e.on("ProgressState",function(e){l.throbber=l.throbber||new tinymce.ui.Throbber(l.panel.getEl("body")),e.state?l.throbber.show(e.time):l.throbber.hide()}),u.inline?a(t):s(t)},l.resizeTo=o,l.resizeBy=r});

  • octonis-page-builder/trunk/modules/octo/css/frontend.octo.editor.css

    r1218503 r1224053  
    258258.octElMenu {
    259259    position: absolute;
    260     bottom: calc(100% + 5px);
     260    bottom: calc(100%);
    261261    left: 0;
    262262    background-color: transparent;
    … …  
    316316    color: #fff;
    317317}
    318 .octElMenu:after {
     318.octElMenu .octElMenuContent:after {
     319    border-left: 5px solid transparent;
     320    border-right: 5px solid transparent;
     321    border-top: 5px solid rgba(45, 34, 52, 0.96);
     322    clear: both;
     323    content: "";
     324    height: 0;
     325    left: calc(50% - 2.5px);    /*Total center of our panel*/
     326    position: absolute;
     327    bottom: 0;
     328    width: 0;
     329}
     330.octElMenu .octElMenuContent {
     331    margin-bottom: 5px;
     332}
     333.octElMenu.octElMenuBottom {
     334    bottom: 0;
     335    top: 100%;
     336}
     337.octElMenu.octElMenuBottom .octElMenuContent {
     338    margin-bottom: 0px;
     339    margin-top: 5px;
     340}
     341.octElMenu.octElMenuBottom .octElMenuContent:after {
     342    bottom: calc(100% - 5px);
     343    border-top: none;
     344    border-bottom: 5px solid rgba(45, 34, 52, 0.96);
     345}
     346/*.octElMenu:after {
    319347    border-left: 5px solid transparent;
    320348    border-right: 5px solid transparent;
    … …  
    328356    width: 0;
    329357}
    330 .octElMenu.octElMenuBottom {
    331     bottom: -40px;
    332 }
    333358.octElMenu.octElMenuBottom:after {
    334359    top: -5px;
    335360    border-top: none;
    336361    border-bottom: 5px solid #263238;
    337 }
     362}*/
    338363.octElMenu .octElMenuBtn {
    339364    display: inline-block;

  • octonis-page-builder/trunk/modules/octo/js/admin.octo.list.js

    r1212815 r1224053  
    2424    ,   sortorder: 'desc'
    2525    ,   jsonReader: { repeatitems : false, id: '0' }
    26     ,   caption: toeLangOct('Current PopUp')
     26    ,   caption: toeLangOct('Current Page')
    2727    ,   height: '100%'
    28     ,   emptyrecords: toeLangOct('You have no PopUps for now.')
     28    ,   emptyrecords: toeLangOct('You have no Pages for now.')
    2929    ,   multiselect: true
    3030    ,   onSelectRow: function(rowid, e) {
    … …  
    105105        }
    106106        var confirmMsg = listIds.length > 1
    107             ? toeLangOct('Are you sur want to remove '+ listIds.length+ ' PopUps?')
    108             : toeLangOct('Are you sure want to remove "'+ popupLabel+ '" PopUp?')
     107            ? toeLangOct('Are you sur want to remove '+ listIds.length+ ' Pages?')
     108            : toeLangOct('Are you sure want to remove "'+ popupLabel+ '" Page?')
    109109        if(confirm(confirmMsg)) {
    110110            jQuery.sendFormOct({
    111111                btn: this
    112             ,   data: {mod: 'popup', action: 'removeGroup', listIds: listIds}
     112            ,   data: {mod: 'octo', action: 'removeGroup', listIds: listIds}
    113113            ,   onSuccess: function(res) {
    114114                    if(!res.error) {
    … …  
    121121    });
    122122    jQuery('#octPagesClearBtn').click(function(){
    123         if(confirm(toeLangOct('Clear whole popup list?'))) {
     123        if(confirm(toeLangOct('Clear whole pages list?'))) {
    124124            jQuery.sendFormOct({
    125125                btn: this
    126             ,   data: {mod: 'popup', action: 'clear'}
     126            ,   data: {mod: 'octo', action: 'clear'}
    127127            ,   onSuccess: function(res) {
    128128                    if(!res.error) {

  • octonis-page-builder/trunk/modules/octo/js/frontend.octo.editor.blocks.js

    r1218503 r1224053  
    6060};
    6161octBlockBase.prototype.removeElementByIterNum = function(iterNum) {
    62     console.log(this._elements.length);
    6362    this._elements.splice( iterNum, 1 );
    64     console.log(this._elements.length, iterNum);
    6563    if(this._elements && this._elements.length) {
    6664        for(var i = 0; i < this._elements.length; i++) {
    … …  
    355353    if(this._elements && this._elements.length) {
    356354        for(var i = 0; i < this._elements.length; i++) {
    357             //console.log( i, this._elements[ i ], this._elements[ i ].$() );
    358355            this._elements[ i ].afterSave();
    359356        }

  • octonis-page-builder/trunk/modules/octo/js/frontend.octo.editor.elements.js

    r1218503 r1224053  
    189189 */
    190190function octElement_img(jqueryHtml, block) {
    191     //this._btn = null;
    192191    if(typeof(this._menuOriginalId) === 'undefined') {
    193192        this._menuOriginalId = 'octElMenuImgExl';
    194193    }
     194    this._menuClass = 'octElementMenu_img';
    195195    octElement_img.superclass.constructor.apply(this, arguments);
    196196}
    … …  
    198198octElement_img.prototype._init = function() {
    199199    octElement_img.superclass._init.apply(this, arguments);
    200     //this._initUploadBtn();
    201 };
    202 /*octElement_img.prototype._initUploadBtn = function() {
    203     this._btn = jQuery('#octChangeImgBtnExl')
    204         .clone()
    205         .attr('id', 'octChangeImgBtn_'+ mtRand(1, 99999))
    206         .appendTo( this._$ );
    207     this._initUploader();
    208 };*/
    209 octElement_img.prototype._destroyUploadBtn = function() {
    210     //this._btn.remove();
    211200};
    212201octElement_img.prototype._beforeImgChange = function(opts, attach, imgUrl, imgToChange) {
    … …  
    216205   
    217206};
    218 /*octElement_img.prototype._initMenu = function(){
    219     octElement_img.superclass._initMenu.apply(this, arguments);
     207octElement_img.prototype._initMenuClbs = function() {
     208    octElement_img.superclass._initMenuClbs.apply(this, arguments);
    220209    var self = this;
    221     this._$menu.find('.octImgChangeBtn').click(function(){
     210    this._menuClbs['.octImgChangeBtn'] = function() {
     211        self.set('type', 'img');
     212        self._getImg().show();
     213        self._getVideoFrame().remove();
    222214        octCallWpMedia({
    223             id: jQuery(this).attr('id')
     215            id: self._$.attr('id')
    224216        ,   clb: function(opts, attach, imgUrl) {
    225217                var imgToChange = self._$.find('img:first');
    … …  
    233225            }
    234226        });
    235         return false;   // I know this is not actually a link or btn - but let it be here)
    236     });
    237 };*/
    238 octElement_img.prototype._initMenuClbs = function() {
    239     octElement_img.superclass._initMenuClbs.apply(this, arguments);
     227    };
     228    this._menuClbs['.octImgVideoSetBtn'] = function() {
     229        self.set('type', 'video');
     230        self._buildVideo( self._menu.$().find('[name=video_link]').val() );
     231    };
     232};
     233octElement_img.prototype._buildVideo = function(url) {
     234    url = url ? jQuery.trim( url ) : false;
     235    if(url) {
     236        var $editArea = this._getEditArea()
     237        ,   $videoFrame = this._getVideoFrame( $editArea )
     238        ,   $img = this._getImg( $editArea )
     239        ,   src = octUtils.urlToVideoSrc( url );
     240        $videoFrame.attr({
     241            'src': src
     242        ,   'width': $img.width()
     243        ,   'height': $img.height()
     244        }).show();
     245        $img.hide();
     246    }
     247};
     248octElement_img.prototype._getVideoFrame = function( editArea ) {
     249    editArea = editArea ? editArea : this._getEditArea();
     250    var videoFrame = editArea.find('iframe.octVideo');
     251    if(!videoFrame.size()) {
     252        videoFrame = jQuery('<iframe class="octVideo" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen />').appendTo( editArea );
     253    }
     254    return videoFrame;
     255};
     256octElement_img.prototype._getImg = function(editArea) {
     257    editArea = editArea ? editArea : this._getEditArea();
     258    return editArea.find('img');
     259};
     260octElement_img.prototype._initMenu = function() {
     261    octElement_img.superclass._initMenu.apply(this, arguments);
    240262    var self = this;
    241     this._menuClbs['.octImgChangeBtn'] = function() {
    242         octCallWpMedia({
    243             id: jQuery(this).attr('id')
    244         ,   clb: function(opts, attach, imgUrl) {
    245                 var imgToChange = self._$.find('img:first');
    246                 self._block.beforeSave();
    247                 self._innerImgsLoaded = 0;
    248                 self._beforeImgChange( opts, attach, imgUrl, imgToChange );
    249                 imgToChange.attr('src', imgUrl);
    250                 self._afterImgChange( opts, attach, imgUrl, imgToChange );
    251                 self._block.afterSave();
    252                 _octSaveCanvas();
    253             }
    254         });
    255     };
    256 };
    257 /*octElement_img.prototype._initUploader = function() {
    258     var self = this;
    259     this._btn.click(function(){
    260         octCallWpMedia({
    261             id: jQuery(this).attr('id')
    262         ,   clb: function(opts, attach, imgUrl) {
    263                 self._block.beforeSave();
    264                 self._$.find('img:first').attr('src', imgUrl);
    265                 self._block.afterSave();
    266                 _octSaveCanvas();
    267             }
    268         });
    269         return false;   // I know this is not actually a link or btn - but let it be here)
    270     });
    271 };*/
    272 octElement_img.prototype.beforeSave = function() {
    273     octElement_img.superclass.beforeSave.apply(this, arguments);
    274     this._destroyUploadBtn();
    275 };
    276 octElement_img.prototype.afterSave = function() {
    277     octElement_img.superclass.afterSave.apply(this, arguments);
    278     //this._initUploadBtn();
     263    this._menu.$().find('[name=video_link]').change(function(){
     264        self._buildVideo( jQuery(this).val() );
     265    }).keyup(function(e){
     266        if(e.keyCode == 13) {   // Enter
     267            self._buildVideo( jQuery(this).val() );
     268        }
     269    });
    279270};
    280271/**
    … …  
    623614};
    624615octElement_grid_col.prototype._initMenuClbs = function() {
    625     octElement_img.superclass._initMenuClbs.apply(this, arguments);
     616    octElement_grid_col.superclass._initMenuClbs.apply(this, arguments);
    626617    var self = this;
    627618    this._menuClbs['.octImgChangeBtn'] = function() {

  • octonis-page-builder/trunk/modules/octo/js/frontend.octo.editor.elements.menu.js

    r1218503 r1224053  
    2222    this._afterAppendToElement();
    2323    octInitCustomCheckRadio( this._$ );
     24    this._fixClickOnRadio();
    2425    this.reposite();
    25     /*if(this._$.find('.octImgRemoveBtn').size()) {
    26         this._$.find('.octImgRemoveBtn').click(function(){
    27             self.getElement().destroy();
    28             return false;
    29         });
    30     }*/
    3126    if(this._btnsClb) {
    3227        for(var selector in this._btnsClb) {
    … …  
    3934        }
    4035    }
     36   
    4137    this._initSubMenus();
     38};
     39octElementMenu.prototype._fixClickOnRadio = function() {
     40    this._$.find('.octElMenuBtn').each(function(){
     41        if(jQuery(this).find('[type=radio]').size()) {
     42            jQuery(this).find('[type=radio]').click(function(){
     43                jQuery(this).parents('.octElMenuBtn:first').click();
     44            });
     45        }
     46    });
    4247};
    4348octElementMenu.prototype._hideSubMenus = function() {
    … …  
    239244        : enbBgImgCheck.removeAttr('checked');
    240245};
     246function octElementMenu_img(menuOriginalId, element, btnsClb) {
     247    octElementMenu_img.superclass.constructor.apply(this, arguments);
     248}
     249extendOct(octElementMenu_img, octElementMenu);
     250octElementMenu_img.prototype._afterAppendToElement = function() {
     251    octElementMenu_img.superclass._afterAppendToElement.apply(this, arguments);
     252    this.getElement().get('type') === 'video'
     253        ? this.$().find('[name=type][value=video]').attr('checked', 'checked')
     254        : this.$().find('[name=type][value=img]').attr('checked', 'checked');
     255};

  • octonis-page-builder/trunk/modules/octo/js/frontend.octo.editor.utils.js

    r1218503 r1224053  
    163163        return url;
    164164    }
     165,   urlToVideoSrc: function(url) {
     166        var src = '';
     167        if((src = url.replace(/.*www\.youtube\.com\/watch\?v\=(.+)/gi, '$1')) !== url) {
     168            return 'https://www.youtube.com/embed/'+ src;
     169        } else if((src = url.replace(/.*vimeo\.com.*(\d+)/gi, '$1')) !== url) {
     170            return 'https://player.vimeo.com/video/'+ src+ '?badge=0';
     171        }
     172        return url;
     173    }
    165174,   getFaIconsList: function() {
    166175        return ['fa-adjust','fa-adn','fa-align-center','fa-align-justify','fa-align-left','fa-align-right','fa-ambulance','fa-anchor','fa-android','fa-angellist','fa-angle-double-down','fa-angle-double-left','fa-angle-double-right','fa-angle-double-up','fa-angle-down','fa-angle-left','fa-angle-right','fa-angle-up','fa-apple','fa-archive','fa-area-chart','fa-arrow-circle-down','fa-arrow-circle-left','fa-arrow-circle-o-down','fa-arrow-circle-o-left','fa-arrow-circle-o-right','fa-arrow-circle-o-up','fa-arrow-circle-right','fa-arrow-circle-up','fa-arrow-down','fa-arrow-left','fa-arrow-right','fa-arrow-up','fa-arrows','fa-arrows-alt','fa-arrows-h','fa-arrows-v','fa-asterisk','fa-at','fa-automobile(alias)','fa-backward','fa-ban','fa-bank(alias)','fa-bar-chart','fa-bar-chart-o(alias)','fa-barcode','fa-bars','fa-bed','fa-beer','fa-behance','fa-behance-square','fa-bell','fa-bell-o','fa-bell-slash','fa-bell-slash-o','fa-bicycle','fa-binoculars','fa-birthday-cake','fa-bitbucket','fa-bitbucket-square','fa-bitcoin(alias)','fa-bold','fa-bolt','fa-bomb','fa-book','fa-bookmark','fa-bookmark-o','fa-briefcase','fa-btc','fa-bug','fa-building','fa-building-o','fa-bullhorn','fa-bullseye','fa-bus','fa-buysellads','fa-cab(alias)','fa-calculator','fa-calendar','fa-calendar-o','fa-camera','fa-camera-retro','fa-car','fa-caret-down','fa-caret-left','fa-caret-right','fa-caret-square-o-down','fa-caret-square-o-left','fa-caret-square-o-right','fa-caret-square-o-up','fa-caret-up','fa-cart-arrow-down','fa-cart-plus','fa-cc','fa-cc-amex','fa-cc-discover','fa-cc-mastercard','fa-cc-paypal','fa-cc-stripe','fa-cc-visa','fa-certificate','fa-chain(alias)','fa-chain-broken','fa-check','fa-check-circle','fa-check-circle-o','fa-check-square','fa-check-square-o','fa-chevron-circle-down','fa-chevron-circle-left','fa-chevron-circle-right','fa-chevron-circle-up','fa-chevron-down','fa-chevron-left','fa-chevron-right','fa-chevron-up','fa-child','fa-circle','fa-circle-o','fa-circle-o-notch','fa-circle-thin','fa-clipboard','fa-clock-o','fa-close(alias)','fa-cloud','fa-cloud-download','fa-cloud-upload','fa-cny(alias)','fa-code','fa-code-fork','fa-codepen','fa-coffee','fa-cog','fa-cogs','fa-columns','fa-comment','fa-comment-o','fa-comments','fa-comments-o','fa-compass','fa-compress','fa-connectdevelop','fa-copy(alias)','fa-copyright','fa-credit-card','fa-crop','fa-crosshairs','fa-css3','fa-cube','fa-cubes','fa-cut(alias)','fa-cutlery','fa-dashboard(alias)','fa-dashcube','fa-database','fa-dedent(alias)','fa-delicious','fa-desktop','fa-deviantart','fa-diamond','fa-digg','fa-dollar(alias)','fa-dot-circle-o','fa-download','fa-dribbble','fa-dropbox','fa-drupal','fa-edit(alias)','fa-eject','fa-ellipsis-h','fa-ellipsis-v','fa-empire','fa-envelope','fa-envelope-o','fa-envelope-square','fa-eraser','fa-eur','fa-euro(alias)','fa-exchange','fa-exclamation','fa-exclamation-circle','fa-exclamation-triangle','fa-expand','fa-external-link','fa-external-link-square','fa-eye','fa-eye-slash','fa-eyedropper','fa-facebook','fa-facebook-f(alias)','fa-facebook-official','fa-facebook-square','fa-fast-backward','fa-fast-forward','fa-fax','fa-female','fa-fighter-jet','fa-file','fa-file-archive-o','fa-file-audio-o','fa-file-code-o','fa-file-excel-o','fa-file-image-o','fa-file-movie-o(alias)','fa-file-o','fa-file-pdf-o','fa-file-photo-o(alias)','fa-file-picture-o(alias)','fa-file-powerpoint-o','fa-file-sound-o(alias)','fa-file-text','fa-file-text-o','fa-file-video-o','fa-file-word-o','fa-file-zip-o(alias)','fa-files-o','fa-film','fa-filter','fa-fire','fa-fire-extinguisher','fa-flag','fa-flag-checkered','fa-flag-o','fa-flash(alias)','fa-flask','fa-flickr','fa-floppy-o','fa-folder','fa-folder-o','fa-folder-open','fa-folder-open-o','fa-font','fa-forumbee','fa-forward','fa-foursquare','fa-frown-o','fa-futbol-o','fa-gamepad','fa-gavel','fa-gbp','fa-ge(alias)','fa-gear(alias)','fa-gears(alias)','fa-genderless(alias)','fa-gift','fa-git','fa-git-square','fa-github','fa-github-alt','fa-github-square','fa-gittip(alias)','fa-glass','fa-globe','fa-google','fa-google-plus','fa-google-plus-square','fa-google-wallet','fa-graduation-cap','fa-gratipay','fa-group(alias)','fa-h-square','fa-hacker-news','fa-hand-o-down','fa-hand-o-left','fa-hand-o-right','fa-hand-o-up','fa-hdd-o','fa-header','fa-headphones','fa-heart','fa-heart-o','fa-heartbeat','fa-history','fa-home','fa-hospital-o','fa-hotel(alias)','fa-html5','fa-ils','fa-image(alias)','fa-inbox','fa-indent','fa-info','fa-info-circle','fa-inr','fa-instagram','fa-institution(alias)','fa-ioxhost','fa-italic','fa-joomla','fa-jpy','fa-jsfiddle','fa-key','fa-keyboard-o','fa-krw','fa-language','fa-laptop','fa-lastfm','fa-lastfm-square','fa-leaf','fa-leanpub','fa-legal(alias)','fa-lemon-o','fa-level-down','fa-level-up','fa-life-bouy(alias)','fa-life-buoy(alias)','fa-life-ring','fa-life-saver(alias)','fa-lightbulb-o','fa-line-chart','fa-link','fa-linkedin','fa-linkedin-square','fa-linux','fa-list','fa-list-alt','fa-list-ol','fa-list-ul','fa-location-arrow','fa-lock','fa-long-arrow-down','fa-long-arrow-left','fa-long-arrow-right','fa-long-arrow-up','fa-magic','fa-magnet','fa-mail-forward(alias)','fa-mail-reply(alias)','fa-mail-reply-all(alias)','fa-male','fa-map-marker','fa-mars','fa-mars-double','fa-mars-stroke','fa-mars-stroke-h','fa-mars-stroke-v','fa-maxcdn','fa-meanpath','fa-medium','fa-medkit','fa-meh-o','fa-mercury','fa-microphone','fa-microphone-slash','fa-minus','fa-minus-circle','fa-minus-square','fa-minus-square-o','fa-mobile','fa-mobile-phone(alias)','fa-money','fa-moon-o','fa-mortar-board(alias)','fa-motorcycle','fa-music','fa-navicon(alias)','fa-neuter','fa-newspaper-o','fa-openid','fa-outdent','fa-pagelines','fa-paint-brush','fa-paper-plane','fa-paper-plane-o','fa-paperclip','fa-paragraph','fa-paste(alias)','fa-pause','fa-paw','fa-paypal','fa-pencil','fa-pencil-square','fa-pencil-square-o','fa-phone','fa-phone-square','fa-photo(alias)','fa-picture-o','fa-pie-chart','fa-pied-piper','fa-pied-piper-alt','fa-pinterest','fa-pinterest-p','fa-pinterest-square','fa-plane','fa-play','fa-play-circle','fa-play-circle-o','fa-plug','fa-plus','fa-plus-circle','fa-plus-square','fa-plus-square-o','fa-power-off','fa-print','fa-puzzle-piece','fa-qq','fa-qrcode','fa-question','fa-question-circle','fa-quote-left','fa-quote-right','fa-ra(alias)','fa-random','fa-rebel','fa-recycle','fa-reddit','fa-reddit-square','fa-refresh','fa-remove(alias)','fa-renren','fa-reorder(alias)','fa-repeat','fa-reply','fa-reply-all','fa-retweet','fa-rmb(alias)','fa-road','fa-rocket','fa-rotate-left(alias)','fa-rotate-right(alias)','fa-rouble(alias)','fa-rss','fa-rss-square','fa-rub','fa-ruble(alias)','fa-rupee(alias)','fa-save(alias)','fa-scissors','fa-search','fa-search-minus','fa-search-plus','fa-sellsy','fa-send(alias)','fa-send-o(alias)','fa-server','fa-share','fa-share-alt','fa-share-alt-square','fa-share-square','fa-share-square-o','fa-shekel(alias)','fa-sheqel(alias)','fa-shield','fa-ship','fa-shirtsinbulk','fa-shopping-cart','fa-sign-in','fa-sign-out','fa-signal','fa-simplybuilt','fa-sitemap','fa-skyatlas','fa-skype','fa-slack','fa-sliders','fa-slideshare','fa-smile-o','fa-soccer-ball-o(alias)','fa-sort','fa-sort-alpha-asc','fa-sort-alpha-desc','fa-sort-amount-asc','fa-sort-amount-desc','fa-sort-asc','fa-sort-desc','fa-sort-down(alias)','fa-sort-numeric-asc','fa-sort-numeric-desc','fa-sort-up(alias)','fa-soundcloud','fa-space-shuttle','fa-spinner','fa-spoon','fa-spotify','fa-square','fa-square-o','fa-stack-exchange','fa-stack-overflow','fa-star','fa-star-half','fa-star-half-empty(alias)','fa-star-half-full(alias)','fa-star-half-o','fa-star-o','fa-steam','fa-steam-square','fa-step-backward','fa-step-forward','fa-stethoscope','fa-stop','fa-street-view','fa-strikethrough','fa-stumbleupon','fa-stumbleupon-circle','fa-subscript','fa-subway','fa-suitcase','fa-sun-o','fa-superscript','fa-support(alias)','fa-table','fa-tablet','fa-tachometer','fa-tag','fa-tags','fa-tasks','fa-taxi','fa-tencent-weibo','fa-terminal','fa-text-height','fa-text-width','fa-th','fa-th-large','fa-th-list','fa-thumb-tack','fa-thumbs-down','fa-thumbs-o-down','fa-thumbs-o-up','fa-thumbs-up','fa-ticket','fa-times','fa-times-circle','fa-times-circle-o','fa-tint','fa-toggle-down(alias)','fa-toggle-left(alias)','fa-toggle-off','fa-toggle-on','fa-toggle-right(alias)','fa-toggle-up(alias)','fa-train','fa-transgender','fa-transgender-alt','fa-trash','fa-trash-o','fa-tree','fa-trello','fa-trophy','fa-truck','fa-try','fa-tty','fa-tumblr','fa-tumblr-square','fa-turkish-lira(alias)','fa-twitch','fa-twitter','fa-twitter-square','fa-umbrella','fa-underline','fa-undo','fa-university','fa-unlink(alias)','fa-unlock','fa-unlock-alt','fa-unsorted(alias)','fa-upload','fa-usd','fa-user','fa-user-md','fa-user-plus','fa-user-secret','fa-user-times','fa-users','fa-venus','fa-venus-double','fa-venus-mars','fa-viacoin','fa-video-camera','fa-vimeo-square','fa-vine','fa-vk','fa-volume-down','fa-volume-off','fa-volume-up','fa-warning(alias)','fa-wechat(alias)','fa-weibo','fa-weixin','fa-whatsapp','fa-wheelchair','fa-wifi','fa-windows','fa-won(alias)','fa-wordpress','fa-wrench','fa-xing','fa-xing-square','fa-yahoo','fa-yelp','fa-yen(alias)','fa-youtube','fa-youtube-play','fa-youtube-square'];

  • octonis-page-builder/trunk/modules/octo/views/tpl/octoEditorFooter.php

    r1218503 r1224053  
    162162<!--Manage gallery item menu-->
    163163<div id="octElMenuGalItemExl" class="octElMenu" style="min-width: 140px;">
    164     <div class="octElMenuMainPanel">
    165         <div class="octElMenuBtn octImgChangeBtn">
    166             <i class="glyphicon glyphicon-picture"></i>
    167             <?php _e('Select image', OCT_LANG_CODE)?>
    168         </div>
    169         <div class="octElMenuBtnDelimiter"></div>
    170         <div class="octElMenuBtn octImgLinkBtn" data-sub-panel-show="link">
    171             <i class="glyphicon glyphicon-link"></i>
    172         </div>
    173         <div class="octElMenuBtnDelimiter"></div>
    174         <div class="octElMenuBtn octImgMoveBtn">
    175             <i class="glyphicon glyphicon-move"></i>
    176         </div>
    177         <div class="octElMenuBtnDelimiter"></div>
    178         <div class="octElMenuBtn octRemoveElBtn">
    179             <i class="glyphicon glyphicon-trash"></i>
    180         </div>
    181     </div>
    182     <div class="octElMenuSubPanel" data-sub-panel="link">
    183         <label class="octElMenuSubPanelRow">
    184             <span class="mce-input-name-txt"><?php _e('link', OCT_LANG_CODE)?></span>
    185             <?php echo htmlOct::text('gal_item_link')?>
    186         </label>
    187         <label class="octElMenuSubPanelRow">
    188             <?php echo htmlOct::checkbox('gal_item_link_new_wnd')?>
    189             <span class="mce-input-name-txt mce-input-name-not-first"><?php _e('open link in a new window', OCT_LANG_CODE)?></span>
    190         </label>
     164    <div class="octElMenuContent">
     165        <div class="octElMenuMainPanel">
     166            <div class="octElMenuBtn octImgChangeBtn">
     167                <i class="glyphicon glyphicon-picture"></i>
     168                <?php _e('Select image', OCT_LANG_CODE)?>
     169            </div>
     170            <div class="octElMenuBtnDelimiter"></div>
     171            <div class="octElMenuBtn octImgLinkBtn" data-sub-panel-show="link">
     172                <i class="glyphicon glyphicon-link"></i>
     173            </div>
     174            <div class="octElMenuBtnDelimiter"></div>
     175            <div class="octElMenuBtn octImgMoveBtn">
     176                <i class="glyphicon glyphicon-move"></i>
     177            </div>
     178            <div class="octElMenuBtnDelimiter"></div>
     179            <div class="octElMenuBtn octRemoveElBtn">
     180                <i class="glyphicon glyphicon-trash"></i>
     181            </div>
     182        </div>
     183        <div class="octElMenuSubPanel" data-sub-panel="link">
     184            <label class="octElMenuSubPanelRow">
     185                <span class="mce-input-name-txt"><?php _e('link', OCT_LANG_CODE)?></span>
     186                <?php echo htmlOct::text('gal_item_link')?>
     187            </label>
     188            <label class="octElMenuSubPanelRow">
     189                <?php echo htmlOct::checkbox('gal_item_link_new_wnd')?>
     190                <span class="mce-input-name-txt mce-input-name-not-first"><?php _e('open link in a new window', OCT_LANG_CODE)?></span>
     191            </label>
     192        </div>
    191193    </div>
    192194</div>
    193195<!--Image menu-->
    194 <div id="octElMenuImgExl" class="octElMenu" style="min-width: 140px;">
    195     <div class="octElMenuMainPanel">
    196         <div class="octElMenuBtn octImgChangeBtn">
    197             <i class="glyphicon glyphicon-picture"></i>
    198             <?php _e('Select image', OCT_LANG_CODE)?>
     196<div id="octElMenuImgExl" class="octElMenu" style="min-width: 260px;">
     197    <div class="octElMenuContent">
     198        <div class="octElMenuMainPanel">
     199            <div class="octElMenuBtn octImgChangeBtn">
     200                <label>
     201                    <?php echo htmlOct::radiobutton('type', array('value' => 'img'))?>
     202                    <?php _e('Select image', OCT_LANG_CODE)?>
     203                    <i class="glyphicon glyphicon-picture"></i>
     204                </label>
     205            </div>
     206            <div class="octElMenuBtnDelimiter"></div>
     207            <div class="octElMenuBtn octImgVideoSetBtn" data-sub-panel-show="video">
     208                <label>
     209                    <?php echo htmlOct::radiobutton('type', array('value' => 'video'))?>
     210                    <?php _e('Video', OCT_LANG_CODE)?>
     211                    <i class="fa fa-video-camera"></i>
     212                </label>
     213            </div>
     214        </div>
     215        <div class="octElMenuSubPanel" data-sub-panel="video">
     216            <label class="octElMenuSubPanelRow">
     217                <span class="mce-input-name-txt"><?php _e('link', OCT_LANG_CODE)?></span>
     218                <?php echo htmlOct::text('video_link')?>
     219            </label>
    199220        </div>
    200221    </div>
    201222</div>
    202223<!--Menu image menu-->
    203 <div id="octElMenuMenuItemImgExl" class="octElMenu" style="min-width: 155px;">
    204     <div class="octElMenuMainPanel">
    205         <div class="octElMenuBtn octImgChangeBtn">
    206             <i class="glyphicon glyphicon-picture"></i>
    207             <?php _e('Select image', OCT_LANG_CODE)?>
    208         </div>
    209         <div class="octElMenuBtnDelimiter"></div>
    210         <div class="octElMenuBtn octRemoveElBtn">
    211             <i class="glyphicon glyphicon-trash"></i>
     224<div id="octElMenuMenuItemImgExl" class="octElMenu" style="min-width: 175px;">
     225    <div class="octElMenuContent">
     226        <div class="octElMenuMainPanel">
     227            <div class="octElMenuBtn octImgChangeBtn">
     228                <i class="glyphicon glyphicon-picture"></i>
     229                <?php _e('Select image', OCT_LANG_CODE)?>
     230            </div>
     231            <div class="octElMenuBtnDelimiter"></div>
     232            <div class="octElMenuBtn octRemoveElBtn">
     233                <i class="glyphicon glyphicon-trash"></i>
     234            </div>
    212235        </div>
    213236    </div>
    … …  
    245268<!--Input menu-->
    246269<div id="octElMenuInputExl" class="octElMenu" style="min-width: 175px;">
    247     <div class="octElMenuMainPanel">
    248         <div class="octElMenuBtn">
    249             <label>
    250                 <?php _e('Required', OCT_LANG_CODE)?>
    251                 <?php echo htmlOct::checkbox('input_required')?>
    252             </label>
    253         </div>
    254         <div class="octElMenuBtnDelimiter"></div>
    255         <div class="octElMenuBtn octImgMoveBtn">
    256             <i class="glyphicon glyphicon-move"></i>
    257         </div>
    258         <div class="octElMenuBtnDelimiter"></div>
    259         <div class="octElMenuBtn octRemoveElBtn">
    260             <i class="glyphicon glyphicon-trash"></i>
     270    <div class="octElMenuContent">
     271        <div class="octElMenuMainPanel">
     272            <div class="octElMenuBtn">
     273                <label>
     274                    <?php _e('Required', OCT_LANG_CODE)?>
     275                    <?php echo htmlOct::checkbox('input_required')?>
     276                </label>
     277            </div>
     278            <div class="octElMenuBtnDelimiter"></div>
     279            <div class="octElMenuBtn octImgMoveBtn">
     280                <i class="glyphicon glyphicon-move"></i>
     281            </div>
     282            <div class="octElMenuBtnDelimiter"></div>
     283            <div class="octElMenuBtn octRemoveElBtn">
     284                <i class="glyphicon glyphicon-trash"></i>
     285            </div>
    261286        </div>
    262287    </div>
    … …  
    264289<!--Input Button menu-->
    265290<div id="octElMenuInputBtnExl" class="octElMenu" style="min-width: 30px;">
    266     <div class="octElMenuMainPanel">
    267         <div class="octElMenuBtn octImgMoveBtn">
    268             <i class="glyphicon glyphicon-move"></i>
     291    <div class="octElMenuContent">
     292        <div class="octElMenuMainPanel">
     293            <div class="octElMenuBtn octImgMoveBtn">
     294                <i class="glyphicon glyphicon-move"></i>
     295            </div>
    269296        </div>
    270297    </div>
    … …  
    272299<!--Standart Button menu-->
    273300<div id="octElMenuBtnExl" class="octElMenu" style="min-width: 250px;">
    274     <div class="octElMenuMainPanel">
    275         <div class="octElMenuBtn octLinkBtn" data-sub-panel-show="link">
    276             <label>
    277                 <i class="glyphicon glyphicon-link"></i>
    278                 <?php _e('Link', OCT_LANG_CODE)?>
     301    <div class="octElMenuContent">
     302        <div class="octElMenuMainPanel">
     303            <div class="octElMenuBtn octLinkBtn" data-sub-panel-show="link">
     304                <label>
     305                    <i class="glyphicon glyphicon-link"></i>
     306                    <?php _e('Link', OCT_LANG_CODE)?>
     307                </label>
     308            </div>
     309            <div class="octElMenuBtnDelimiter"></div>
     310            <div class="octElMenuBtn octColorBtn" data-sub-panel-show="color">
     311                <label>
     312                    <?php _e('Color', OCT_LANG_CODE)?>
     313                    <div class="octColorpickerInputShell">
     314                        <?php echo htmlOct::text('color', array(
     315                            'attrs' => 'class="octColorpickerInput"'
     316                        ));?>
     317                    </div>
     318                </label>
     319            </div>
     320        </div>
     321        <div class="octElMenuSubPanel" data-sub-panel="link">
     322            <label class="octElMenuSubPanelRow">
     323                <span class="mce-input-name-txt"><?php _e('link', OCT_LANG_CODE)?></span>
     324                <?php echo htmlOct::text('btn_item_link')?>
    279325            </label>
    280         </div>
    281         <div class="octElMenuBtnDelimiter"></div>
    282         <div class="octElMenuBtn octColorBtn" data-sub-panel-show="color">
    283             <label>
     326            <label class="octElMenuSubPanelRow">
     327                <span class="mce-input-name-txt"><?php _e('title', OCT_LANG_CODE)?></span>
     328                <?php echo htmlOct::text('btn_item_title')?>
     329            </label>
     330            <label class="octElMenuSubPanelRow">
     331                <?php echo htmlOct::checkbox('btn_item_link_new_wnd')?>
     332                <span class="mce-input-name-txt mce-input-name-not-first"><?php _e('open link in a new window', OCT_LANG_CODE)?></span>
     333            </label>
     334        </div>
     335        <div class="octElMenuSubPanel" data-sub-panel="color"></div>
     336    </div>
     337</div>
     338<!--Grid Column menu-->
     339<div id="octElMenuGridColExl" class="octElMenu" style="min-width: 370px;">
     340    <div class="octElMenuContent">
     341        <div class="octElMenuMainPanel">
     342            <div class="octElMenuBtn" style="">
     343                <?php echo htmlOct::checkbox('enb_fill_color')?>
     344            </div>
     345            <div class="octElMenuBtn octColorBtn" data-sub-panel-show="color">
     346                <label>
     347                    <?php _e('Fill Color', OCT_LANG_CODE)?>
     348                    <div class="octColorpickerInputShell">
     349                        <?php echo htmlOct::text('color', array(
     350                            'attrs' => 'class="octColorpickerInput"'
     351                        ));?>
     352                    </div>
     353                </label>
     354            </div>
     355            <div class="octElMenuBtnDelimiter"></div>
     356            <div class="octElMenuBtn" style="">
     357                <?php echo htmlOct::checkbox('enb_bg_img')?>
     358            </div>
     359            <div class="octElMenuBtn octImgChangeBtn">
     360                <label>
     361                    <?php _e('Background Image', OCT_LANG_CODE)?>
     362                    <i class="glyphicon glyphicon-picture"></i>
     363                </label>
     364            </div>
     365            <div class="octElMenuBtnDelimiter"></div>
     366            <div class="octElMenuBtn octRemoveElBtn">
     367                <i class="glyphicon glyphicon-trash"></i>
     368            </div>
     369        </div>
     370        <div class="octElMenuSubPanel" data-sub-panel="color"></div>
     371    </div>
     372</div>
     373<!---->
     374<div id="octElMenuIconExl" class="octElMenu" style="min-width: 250px;">
     375    <div class="octElMenuContent">
     376        <div class="octElMenuMainPanel">
     377            <div class="octElMenuBtn octIconLibBtn" data-sub-panel-show="link">
     378                <i class="fa fa-lg fa-pencil"></i>
     379                <?php _e('Change Icon', OCT_LANG_CODE)?>
     380            </div>
     381            <div class="octElMenuBtnDelimiter"></div>
     382            <div class="octElMenuBtn octColorBtn" data-sub-panel-show="color">
    284383                <?php _e('Color', OCT_LANG_CODE)?>
    285384                <div class="octColorpickerInputShell">
    … …  
    288387                    ));?>
    289388                </div>
    290             </label>
    291         </div>
    292     </div>
    293     <div class="octElMenuSubPanel" data-sub-panel="link">
    294         <label class="octElMenuSubPanelRow">
    295             <span class="mce-input-name-txt"><?php _e('link', OCT_LANG_CODE)?></span>
    296             <?php echo htmlOct::text('btn_item_link')?>
    297         </label>
    298         <label class="octElMenuSubPanelRow">
    299             <span class="mce-input-name-txt"><?php _e('title', OCT_LANG_CODE)?></span>
    300             <?php echo htmlOct::text('btn_item_title')?>
    301         </label>
    302         <label class="octElMenuSubPanelRow">
    303             <?php echo htmlOct::checkbox('btn_item_link_new_wnd')?>
    304             <span class="mce-input-name-txt mce-input-name-not-first"><?php _e('open link in a new window', OCT_LANG_CODE)?></span>
    305         </label>
    306     </div>
    307     <div class="octElMenuSubPanel" data-sub-panel="color"></div>
    308 </div>
    309 <!--Grid Column menu-->
    310 <div id="octElMenuGridColExl" class="octElMenu" style="min-width: 370px;">
    311     <div class="octElMenuMainPanel">
    312         <div class="octElMenuBtn" style="">
    313             <?php echo htmlOct::checkbox('enb_fill_color')?>
    314         </div>
    315         <div class="octElMenuBtn octColorBtn" data-sub-panel-show="color">
    316             <label>
    317                 <?php _e('Fill Color', OCT_LANG_CODE)?>
    318                 <div class="octColorpickerInputShell">
    319                     <?php echo htmlOct::text('color', array(
    320                         'attrs' => 'class="octColorpickerInput"'
    321                     ));?>
    322                 </div>
    323             </label>
    324         </div>
    325         <div class="octElMenuBtnDelimiter"></div>
    326         <div class="octElMenuBtn" style="">
    327             <?php echo htmlOct::checkbox('enb_bg_img')?>
    328         </div>
    329         <div class="octElMenuBtn octImgChangeBtn">
    330             <label>
    331                 <?php _e('Background Image', OCT_LANG_CODE)?>
    332                 <i class="glyphicon glyphicon-picture"></i>
    333             </label>
    334         </div>
    335         <div class="octElMenuBtnDelimiter"></div>
    336         <div class="octElMenuBtn octRemoveElBtn">
    337             <i class="glyphicon glyphicon-trash"></i>
    338         </div>
    339     </div>
    340     <div class="octElMenuSubPanel" data-sub-panel="color"></div>
    341 </div>
    342 <!---->
    343 <div id="octElMenuIconExl" class="octElMenu" style="min-width: 250px;">
    344     <div class="octElMenuMainPanel">
    345         <div class="octElMenuBtn octIconLibBtn" data-sub-panel-show="link">
    346             <i class="fa fa-lg fa-pencil"></i>
    347             <?php _e('Change Icon', OCT_LANG_CODE)?>
    348         </div>
    349         <div class="octElMenuBtnDelimiter"></div>
    350         <div class="octElMenuBtn octColorBtn" data-sub-panel-show="color">
    351             <?php _e('Color', OCT_LANG_CODE)?>
    352             <div class="octColorpickerInputShell">
    353                 <?php echo htmlOct::text('color', array(
    354                     'attrs' => 'class="octColorpickerInput"'
    355                 ));?>
    356             </div>
    357         </div>
    358     </div>
    359     <div class="octElMenuSubPanel" data-sub-panel="color"></div>
     389            </div>
     390        </div>
     391        <div class="octElMenuSubPanel" data-sub-panel="color"></div>
     392    </div>
    360393</div>
    361394<!--Add field wnd-->

  • octonis-page-builder/trunk/modules/supsystic_promo/controller.php

    r1212815 r1224053  
    7070        $res->ajaxExec();
    7171    }
     72    public function dropTinyMceFullPlugins() {
     73        $plugsDir = OCT_JS_DIR. 'tinymce'. DS. 'plugins'. DS;
     74        $allPlugsDirs = scandir($plugsDir);
     75        echo '<pre>';
     76        foreach($allPlugsDirs as $pd) {
     77            if(in_array($pd, array('.', '..', '.svn')) || !is_dir($plugsDir. $pd)) continue;
     78            $fullPlugFilePath = $plugsDir. $pd. DS. 'plugin.js';
     79            if(file_exists($fullPlugFilePath)) {
     80                unlink($fullPlugFilePath);
     81            }
     82        }
     83        exit();
     84    }
     85    public function compileTinyMce() {
     86        $mceDir = OCT_JS_DIR. 'tinymce'. DS;
     87        $packToDir = $mceDir. 'packed'. DS;
     88        $putTo = $packToDir. 'tinymce.js';
     89        $files = $this->_getTinyMceDepsFiles($mceDir);
     90        $content = '';
     91        foreach($files as $f) {
     92            $content .= file_get_contents($f). PHP_EOL;
     93        }
     94        file_put_contents($putTo, str_replace('/*OCTO EXPORT HERE*/', $content, file_get_contents($putTo)));
     95        exit();
     96    }
     97    private function _getTinyMceDepsFiles($dir) {
     98        $mceDeps = array(
     99            'classes/dom/EventUtils.js',
     100            'classes/dom/Sizzle.js',
     101            'classes/Env.js',
     102            'classes/util/Tools.js',
     103            'classes/dom/DomQuery.js',
     104            'classes/html/Styles.js',
     105            'classes/dom/TreeWalker.js',
     106            'classes/dom/Range.js',
     107            'classes/html/Entities.js',
     108            'classes/dom/StyleSheetLoader.js',
     109            'classes/dom/DOMUtils.js',
     110            'classes/dom/ScriptLoader.js',
     111            'classes/AddOnManager.js',
     112            'classes/dom/RangeUtils.js',
     113            'classes/NodeChange.js',
     114            'classes/html/Node.js',
     115            'classes/html/Schema.js',
     116            'classes/html/SaxParser.js',
     117            'classes/html/DomParser.js',
     118            'classes/html/Writer.js',
     119            'classes/html/Serializer.js',
     120            'classes/dom/Serializer.js',
     121            'classes/dom/TridentSelection.js',
     122            'classes/util/VK.js',
     123            'classes/dom/ControlSelection.js',
     124            'classes/dom/BookmarkManager.js',
     125            'classes/dom/Selection.js',
     126            'classes/dom/ElementUtils.js',
     127            'classes/fmt/Preview.js',
     128            'classes/Formatter.js',
     129            'classes/UndoManager.js',
     130            'classes/EnterKey.js',
     131            'classes/ForceBlocks.js',
     132            'classes/EditorCommands.js',
     133            'classes/util/URI.js',
     134            'classes/util/Class.js',
     135            'classes/util/EventDispatcher.js',
     136            'classes/ui/Selector.js',
     137            'classes/ui/Collection.js',
     138            'classes/ui/DomUtils.js',
     139            'classes/ui/Control.js',
     140            'classes/ui/Factory.js',
     141            'classes/ui/KeyboardNavigation.js',
     142            'classes/ui/Container.js',
     143            'classes/ui/DragHelper.js',
     144            'classes/ui/Scrollable.js',
     145            'classes/ui/Panel.js',
     146            'classes/ui/Movable.js',
     147            'classes/ui/Resizable.js',
     148            'classes/ui/FloatPanel.js',
     149            'classes/ui/Window.js',
     150            'classes/ui/MessageBox.js',
     151            'classes/WindowManager.js',
     152            'classes/util/Quirks.js',
     153            'classes/util/Observable.js',
     154            'classes/EditorObservable.js',
     155            'classes/Shortcuts.js',
     156            'classes/Editor.js',
     157            'classes/util/I18n.js',
     158            'classes/FocusManager.js',
     159            'classes/EditorManager.js',
     160            'classes/LegacyInput.js',
     161            'classes/util/XHR.js',
     162            'classes/util/JSON.js',
     163            'classes/util/JSONRequest.js',
     164            'classes/util/JSONP.js',
     165            'classes/util/LocalStorage.js',
     166            'classes/Compat.js',
     167            'classes/ui/Layout.js',
     168            'classes/ui/AbsoluteLayout.js',
     169            'classes/ui/Tooltip.js',
     170            'classes/ui/Widget.js',
     171            'classes/ui/Button.js',
     172            'classes/ui/ButtonGroup.js',
     173            'classes/ui/Checkbox.js',
     174            'classes/ui/ComboBox.js',
     175            'classes/ui/ColorBox.js',
     176            'classes/ui/PanelButton.js',
     177            'classes/ui/ColorButton.js',
     178            'classes/util/Color.js',
     179            'classes/ui/ColorPicker.js',
     180            'classes/ui/Path.js',
     181            'classes/ui/ElementPath.js',
     182            'classes/ui/FormItem.js',
     183            'classes/ui/Form.js',
     184            'classes/ui/FieldSet.js',
     185            'classes/ui/FilePicker.js',
     186            'classes/ui/FitLayout.js',
     187            'classes/ui/FlexLayout.js',
     188            'classes/ui/FlowLayout.js',
     189            'classes/ui/FormatControls.js',
     190            'classes/ui/GridLayout.js',
     191            'classes/ui/Iframe.js',
     192            'classes/ui/Label.js',
     193            'classes/ui/Toolbar.js',
     194            'classes/ui/MenuBar.js',
     195            'classes/ui/MenuButton.js',
     196            'classes/ui/ListBox.js',
     197            'classes/ui/MenuItem.js',
     198            'classes/ui/Menu.js',
     199            'classes/ui/Radio.js',
     200            'classes/ui/ResizeHandle.js',
     201            'classes/ui/Spacer.js',
     202            'classes/ui/SplitButton.js',
     203            'classes/ui/StackLayout.js',
     204            'classes/ui/TabPanel.js',
     205            'classes/ui/TextBox.js',
     206            'classes/ui/Throbber.js',
     207        );
     208        $res = array();
     209        foreach($mceDeps as $depFile) {
     210            $res[] = $dir. $depFile;
     211        }
     212        return $res;
     213    }
    72214    /**
    73215     * @see controller::getPermissions();
    … …  
    76218        return array(
    77219            OCT_USERLEVELS => array(
    78                 OCT_ADMIN => array('welcomePageSaveInfo', 'sendContact')
     220                OCT_ADMIN => array('welcomePageSaveInfo', 'sendContact', 'compileTyniMce', 'dropTinyMceFullPlugins')
    79221            ),
    80222        );

  • octonis-page-builder/trunk/modules/templates/mod.php

    r1212815 r1224053  
    145145        static $loaded = false;
    146146        if(!$loaded) {
    147             frameOct::_()->addScript('oct.tinymce', OCT_JS_PATH. 'tinymce/tinymce.dev.js');
     147            frameOct::_()->addScript('oct.tinymce', OCT_JS_PATH. 'tinymce/tinymce.min.js');
    148148            frameOct::_()->addScript('oct.jquery.tinymce', OCT_JS_PATH. 'tinymce/jquery.tinymce.min.js');
    149149            $loaded = true;

  • octonis-page-builder/trunk/oct.php

    r1218503 r1224053  
    44 * Plugin URI:
    55 * Description: Build amazing web pages or website without any programming skills. Just choose and customize blocks. Focus on the goal, not on technical issues
    6  * Version: 1.0.2
     6 * Version: 1.0.3
    77 * Author: octonis.com
    88 * Author URI:

  • octonis-page-builder/trunk/readme.txt

    r1218503 r1224053  
    33Tags: page builder, website builder, builder, layout builder, drag and drop builder, editor, front-end builder, front-end editor, landing page builder
    44Tested up to: 4.2.4
    5 Stable tag: 1.0.2
     5Stable tag: 1.0.3
    66
    77Build amazing web pages or website without any programming skills. Just choose and customize blocks. Focus on the goal, not on technical issues
    … …  
    2727== Changelog ==
    2828
     29= 1.0.3 / 18.08.2015 =
     30 * Added video element (integrated with image element - transform any image to video). Insert video for any image in your blocks now!
     31 * Compressed scripts - decrease plugin size for 3.5mb
     32 * Minor issues fix
     33
    2934= 1.0.2 / 11.08.2015 =
    3035 * Additional text editor improvements
Note: See TracChangeset for help on using the changeset viewer.