{
	"data": {
		"_styles": {
			"& when not (@fullScreen)": {
				"padding-top": "(@paddingTop * 1rem)",
				"padding-bottom": "(@paddingBottom * 1rem)"
			},
			"& when (@bg-type = 'color')": {
				"background-color": "@bg-value"
			},
			"& when (@bg-type = 'image')": {
				"background-image": "url(@bg-value)",
				".mbr-overlay": {
					"background-color": "@overlayColor",
					"opacity": "@overlayOpacity"
				}
			},
			"amp-accordion section[expanded] .closetab": {
				"display": "none"
			},
			"amp-accordion section:not([expanded]) .opentab": {
				"display": "none"
			},
			".mbr-section-title": {
				"border": "none",
				"border-bottom": "1px solid #dfdfdf",
				"background-color": "transparent",
				"margin-bottom": "15px"
			},
			".fa-wrap": {
				"display": "flex",
				"padding": "5px"
			},
			"section": {
				"background-color": "transparent",
				"padding": "0"
			},
			".amp-iconfont": {
				"color": "@iconsColor !important",
				"width": "(@iconsSize * 1rem)",
				"font-size": "(@iconsSize * 1rem)"
			},
			".iconfont-wrapper": {
				"height": "(@iconsSize * 1rem)",
				"width": "(@iconsSize * 1rem)"
			},
			"h4": {
				"display": "inline-block",
				"margin": "auto",
				"padding-left": "10px"
			}
		},
		"_name": "accordions02",
		"_customHTML": "<section class=\"accordions1\" group=\"Accordions\" plugins=\"amp-main, amp-accordion, amp-position-observer, amp-animation\" mbr-class=\"{'mbr-fullscreen': fullScreen}\">\n\n    <mbr-parameters>\n        <!-- Block parameters controls (Blue \"Gear\" panel) -->\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"4\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"4\" condition=\"fullScreen == false\">\n\n        <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked=\"\">\n        <input type=\"checkbox\" title=\"Show Sub Title\" name=\"showSubTitle\" checked=\"\">\n        <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked=\"\">\n        <select title=\"Tabs\" name=\"tabsAmount\">\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\" selected=\"\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\">\n        <input type=\"range\" inline=\"\" title=\"Icons Size\" name=\"iconsSize\" min=\"1\" max=\"5\" step=\"1\" value=\"2\">\n\n        <fieldset type=\"background\" name=\"bg\">\n            <input type=\"color\" title=\"Background Color\" value=\"#f7f7f7\" selected=\"\">\n            <input type=\"image\" title=\"Background Image\" value=\"file:///C:/Users/Csaba/AppData/Local/Mobirise.com/Mobirise/chesswizardextra_0040gmail_002ecom/userblocks/StartupAMP1234/accordions02_1/background1_1.jpg\">\n        </fieldset>\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#d8d8d8\" condition=\"overlay &amp;&amp; bg.type == 'image'\">\n\n        <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay &amp;&amp; bg.type == 'image'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay &amp;&amp; bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div class=\"container\">\n        <h1 class=\"mbr-fonts-style align-center mbr-bold mbr-section-maintitle\" mbr-theme-style=\"display-2\" mbr-if=\"showmainTitle\" data-app-selector=\".mbr-section-maintitle\">Our Info</h1>\n\n        <h2 class=\"mbr-fonts-style align-center mbr-pt-2 mbr-section-sub-title\" mbr-theme-style=\"display-7\" mbr-if=\"showmainsubTitle\" data-app-selector=\".mbr-section-sub-title\">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>\n\n\n\n\n        <div class=\"mbr-row mbr-jc-c\" mbr-class=\"{'mbr-pt-4' :showmainTitle || showmainsubTitle}\">\n\n\n            <div class=\"mbr-col-md-12 mbr-col-sm-12 mbr-col-lg-6 md-pb\">\n\n                <h2 mbr-if=\"showSubTitle\" class=\"mbr-text-subtitle mbr-gray mbr-fonts-style mbr-semibold\" mbr-theme-style=\"display-5\">Lorem ipsum dolor sit amet</h2>\n                <h3 mbr-if=\"showTitle\" class=\"mbr-text-title mbr-pt-1 mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-2\">Our\n                    features and information</h3>\n\n                <p class=\"mbr-text mbr-gray mbr-fonts-style mbr-pt-2\" mbr-if=\"showText\" data-app-selector=\".mbr-text\" mbr-theme-style=\"display-7\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis\n                    dolor sed mauris sodales laoreet.\n                    Integer malesuada leo at mauris dictum tempor vel rhoncus felis. Aenean vitae convallis tortor.\n                    Donec\n                    et ipsum dui. Quisque imperdiet erat et tincidunt dignissim.<br><br>Lorem ipsum dolor sit amet,\n                    consectetur adipiscing elit. Etiam iaculis dolor sed mauris sodales laoreet. Integer malesuada leo\n                    at mauris dictum tempor vel rhoncus felis. Aenean vitae convallis tortor. Donec et ipsum dui.\n                    Quisque imperdiet erat et tincidunt dignissim. Sed ut ante lectus. Aenean nec dolor consectetur,\n                    sodales metus a, ultrices mi.<br></p>\n\n\n            </div>\n\n\n            <div class=\"mbr-col-md-12 mbr-col-sm-12 mbr-col-lg-6\">\n                <amp-accordion class=\"accordion\">\n                    <section>\n                        <header class=\"mbr-section-title\">\n                            <div class=\"fa-wrap\">\n                                <div class=\"fa-wrap\">\n                                    <div class=\"iconfont-wrapper closetab\">\n                                        <div class=\"fa fa-plus amp-iconfont\"></div>\n                                    </div>\n                                    <div class=\"iconfont-wrapper opentab\">\n                                        <div class=\"fa fa-minus amp-iconfont\"></div>\n                                    </div>\n                                </div>\n                                <div class=\"fa-wrap\">\n                                    <h4 class=\"mbr-fonts-style tab-title mbr-bold\" mbr-theme-style=\"display-5\" data-app-selector=\".tab-title\">Perfect Design</h4>\n                                </div>\n\n                            </div>\n                        </header>\n                        <p class=\"mbr-fonts-style mbr-gray tab\" mbr-theme-style=\"display-7\" data-app-selector=\".tab\">\n                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis dolor sed mauris\n                            sodales laoreet. Integer malesuada leo at mauris dictum tempor vel rhoncus felis. Aenean\n                            vitae convallis tortor. Donec et ipsum dui. Quisque imperdiet erat et tincidunt\n                            dignissim.&nbsp;Sed ut ante lectus. Aenean nec dolor consectetur, sodales metus a, ultrices\n                            mi.</p>\n                    </section>\n\n                    <section mbr-class=\"{'super-hide': tabsAmount < 2}\">\n                        <header class=\"mbr-section-title\">\n                            <div class=\"fa-wrap\">\n                                <div class=\"fa-wrap\">\n                                    <div class=\"iconfont-wrapper closetab\">\n                                        <div class=\"fa fa-plus amp-iconfont\"></div>\n                                    </div>\n                                    <div class=\"iconfont-wrapper opentab\">\n                                        <div class=\"fa fa-minus amp-iconfont\"></div>\n                                    </div>\n                                </div>\n                                <div class=\"fa-wrap\">\n                                    <h4 class=\"mbr-fonts-style tab-title mbr-bold\" mbr-theme-style=\"display-5\" data-app-selector=\".tab-title\">Carefully Planned</h4>\n                                </div>\n                            </div>\n                        </header>\n                        <p class=\"mbr-fonts-style mbr-gray tab\" mbr-theme-style=\"display-7\" data-app-selector=\".tab\">\n                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis dolor sed mauris\n                            sodales laoreet. Integer malesuada leo at mauris dictum tempor vel rhoncus felis. Aenean\n                            vitae convallis tortor. Donec et ipsum dui. Quisque imperdiet erat et tincidunt dignissim.\n                            Sed ut ante lectus. Aenean nec dolor consectetur, sodales metus a, ultrices mi.</p>\n                    </section>\n\n                    <section mbr-class=\"{'super-hide': tabsAmount < 3}\">\n                        <header class=\"mbr-section-title\">\n                            <div class=\"fa-wrap\">\n\n                                <div class=\"fa-wrap\">\n                                    <div class=\"iconfont-wrapper closetab\">\n                                        <div class=\"fa fa-plus amp-iconfont\"></div>\n                                    </div>\n                                    <div class=\"iconfont-wrapper opentab\">\n                                        <div class=\"fa fa-minus amp-iconfont\"></div>\n                                    </div>\n                                </div>\n                                <div class=\"fa-wrap\">\n                                    <h4 class=\"mbr-fonts-style tab-title mbr-bold\" mbr-theme-style=\"display-5\" data-app-selector=\".tab-title\">Smartly Execute</h4>\n                                </div>\n                            </div>\n                        </header>\n                        <p class=\"mbr-fonts-style mbr-gray tab\" mbr-theme-style=\"display-7\" data-app-selector=\".tab\">\n                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis dolor sed mauris\n                            sodales laoreet. Integer malesuada leo at mauris dictum tempor vel rhoncus felis. Aenean\n                            vitae convallis tortor. Donec et ipsum dui. Quisque imperdiet erat et tincidunt dignissim.\n                            Sed ut ante lectus. Aenean nec dolor consectetur, sodales metus a, ultrices mi.</p>\n                    </section>\n\n                    <section mbr-class=\"{'super-hide': tabsAmount < 4}\">\n                        <header class=\"mbr-section-title\">\n                            <div class=\"fa-wrap\">\n\n                                <div class=\"fa-wrap\">\n                                    <div class=\"iconfont-wrapper closetab\">\n                                        <div class=\"fa fa-plus amp-iconfont\"></div>\n                                    </div>\n                                    <div class=\"iconfont-wrapper opentab\">\n                                        <div class=\"fa fa-minus amp-iconfont\"></div>\n                                    </div>\n                                </div>\n                                <div class=\"fa-wrap\">\n                                    <h4 class=\"mbr-fonts-style tab-title mbr-bold\" mbr-theme-style=\"display-5\" data-app-selector=\".tab-title\">Interior Design</h4>\n                                </div>\n                            </div>\n                        </header>\n                        <p class=\"mbr-fonts-style mbr-gray tab\" mbr-theme-style=\"display-7\" data-app-selector=\".tab\">\n                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis dolor sed mauris\n                            sodales laoreet. Integer malesuada leo at mauris dictum tempor vel rhoncus felis. Aenean\n                            vitae convallis tortor. Donec et ipsum dui. Quisque imperdiet erat et tincidunt dignissim.\n                            Sed ut ante lectus. Aenean nec dolor consectetur, sodales metus a, ultrices mi.</p>\n                    </section>\n\n                    <section mbr-class=\"{'super-hide': tabsAmount < 5}\">\n                        <header class=\"mbr-section-title\">\n                            <div class=\"fa-wrap\">\n\n                                <div class=\"fa-wrap\">\n                                    <div class=\"iconfont-wrapper closetab\">\n                                        <div class=\"fa fa-plus amp-iconfont\"></div>\n                                    </div>\n                                    <div class=\"iconfont-wrapper opentab\">\n                                        <div class=\"fa fa-minus amp-iconfont\"></div>\n                                    </div>\n                                </div>\n                                <div class=\"fa-wrap\">\n                                    <h4 class=\"mbr-fonts-style tab-title mbr-bold\" mbr-theme-style=\"display-5\" data-app-selector=\".tab-title\">Lighting Design</h4>\n                                </div>\n                            </div>\n                        </header>\n                        <p class=\"mbr-fonts-style mbr-gray tab\" mbr-theme-style=\"display-7\" data-app-selector=\".tab\">\n                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis dolor sed mauris\n                            sodales laoreet. Integer malesuada leo at mauris dictum tempor vel rhoncus felis. Aenean\n                            vitae convallis tortor. Donec et ipsum dui. Quisque imperdiet erat et tincidunt dignissim.\n                            Sed ut ante lectus. Aenean nec dolor consectetur, sodales metus a, ultrices mi.</p>\n                    </section>\n\n\n                    <section mbr-class=\"{'super-hide': tabsAmount < 6}\">\n                        <header class=\"mbr-section-title\">\n                            <div class=\"fa-wrap\">\n\n                                <div class=\"fa-wrap\">\n                                    <div class=\"iconfont-wrapper closetab\">\n                                        <div class=\"fa fa-plus amp-iconfont\"></div>\n                                    </div>\n                                    <div class=\"iconfont-wrapper opentab\">\n                                        <div class=\"fa fa-minus amp-iconfont\"></div>\n                                    </div>\n                                </div>\n                                <div class=\"fa-wrap\">\n                                    <h4 class=\"mbr-fonts-style tab-title mbr-bold\" mbr-theme-style=\"display-5\" data-app-selector=\".tab-title\">Architectural Design</h4>\n                                </div>\n                            </div>\n                        </header>\n                        <p class=\"mbr-fonts-style mbr-gray tab\" mbr-theme-style=\"display-7\" data-app-selector=\".tab\">\n                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis dolor sed mauris\n                            sodales laoreet. Integer malesuada leo at mauris dictum tempor vel rhoncus felis. Aenean\n                            vitae convallis tortor. Donec et ipsum dui. Quisque imperdiet erat et tincidunt dignissim.\n                            Sed ut ante lectus. Aenean nec dolor consectetur, sodales metus a, ultrices mi.</p>\n                    </section>\n                </amp-accordion>\n            </div>\n\n\n\n\n\n\n\n\n        </div>\n    </div>\n</section>",
		"_cid": "r9yIDzNuqx",
		"_anchor": "accordions02-28",
		"_customCSS": "",
		"_protectedParams": [],
		"_alwaysBottom": false,
		"_alwaysTop": false,
		"_global": false,
		"_noDrag": false,
		"_plugins": "amp-main,amp-accordion,amp-position-observer,amp-animation",
		"_positionAbsolute": false,
		"_once": false,
		"_params": {
			"fullScreen": false,
			"paddingTop": "4",
			"paddingBottom": "4",
			"showTitle": true,
			"showSubTitle": true,
			"showText": true,
			"tabsAmount": "4",
			"iconsColor": "#000000",
			"iconsSize": "2",
			"bg": {
				"color": {
					"value": "#f7f7f7"
				},
				"type": "color",
				"value": "#f7f7f7",
				"parallax": false,
				"image": {
					"value": "file:///C:/Users/Csaba/AppData/Local/Mobirise.com/Mobirise/chesswizardextra_0040gmail_002ecom/addons/StartupAMP1234/components/accordions02/../_images/background1.jpg",
					"parallax": false
				}
			},
			"overlay": true,
			"overlayColor": "#d8d8d8",
			"overlayOpacity": "0.5"
		}
	},
	"themeName": "StartupAMP1234",
	"parent": "accordions02",
	"date": "2019-05-19 21.37:13",
	"blockName": "accordions02_1",
	"mediaPaths": "[\"file:///C:/Users/Csaba/AppData/Local/Mobirise.com/Mobirise/chesswizardextra_0040gmail_002ecom/userblocks/StartupAMP1234/accordions02_1/background1_1.jpg\"]",
	"isUserblock": "true",
	"isAMP": "true"
}