{"1":{"id":"1","name":"Marra Nav","handle":"marra-nav","type":"arrows","css":".marra-nav.tparrows {\n  \tdisplay: flex;\n\talign-items: center;\n\twidth: auto;\n\theight: 68px;\n  \tpadding: 0;\n  \tmargin: 0;\n  \ttext-align: center;\n  \tcolor: ##color##;\n  \tbackground: none;\n}\n\n.marra-nav.tparrows:before {\n\tdisplay: none;\n}\n\n.marra-nav.tparrows .qodef-svg-nav,\n.marra-nav.tparrows .qodef-nav-icon {\n\tdisplay: flex;\n  \talign-items: center;\n  \tcolor: currentColor;\n}\n\n.marra-nav.tparrows .qodef-svg-nav svg polyline {\n\tstroke: currentColor;\n}\n\n.marra-nav.tparrows .qodef-svg-nav svg {\n    transform: translateX(0);\n  \ttransition: .3s ease-out;\n}\n\n.marra-nav.tparrows.tp-rightarrow .qodef-svg-nav {\n\tflex-direction: row-reverse;\n}\n\n.marra-nav.tparrows .qodef-nav-text {\n\tfont-family: \\'Roboto\\', sans-serif;\n  \tfont-size: 12px;\n  \tfont-weight: 700;\n  \ttext-transform: uppercase;\n  \tletter-spacing: .3em;\n  \tcolor: currentColor;\n  \ttransition: .3s ease-out;\n}\n\n.marra-nav.tparrows.tp-leftarrow .qodef-nav-text {\n  \ttransform: translateX(-3px);\n}\n\n.marra-nav.tparrows.tp-leftarrow .qodef-nav-text:after {\n\tcontent: \\'Prev\\';\n  \tdisplay: inline-block;\n  \topacity: 0;\n  \ttransform: translateX(-6px);\n  \ttransition: .3s cubic-bezier(0.78, 0.76, 0.1, 1);\n}\n\n.marra-nav.tparrows.tp-rightarrow .qodef-nav-text {\n\ttransform: translateX(6px);\n}\n\n.marra-nav.tparrows.tp-rightarrow .qodef-nav-text:after {\n\tcontent: \\'Next\\';\n  \tdisplay: inline-block;\n  \topacity: 0;\n  \ttransform: translateX(6px);\n  \ttransition: .3s cubic-bezier(0.78, 0.76, 0.1, 1);\n}\n\n.marra-nav.tparrows.tp-rightarrow .qodef-nav-icon {\n\ttransform: scaleX(-1);\n}\n\n.marra-nav.tparrows.tp-leftarrow:hover .qodef-nav-text:after,\n.marra-nav.tparrows.tp-rightarrow:hover .qodef-nav-text:after {\n  \topacity: 1;\n  \ttransform: translateX(0);\n}","markup":"<span class=\\\"qodef-svg-nav\\\">\n\t<span class=\\\"qodef-nav-icon\\\">\n\t\t<svg xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" xmlns:xlink=\\\"http:\/\/www.w3.org\/1999\/xlink\\\" x=\\\"0px\\\" y=\\\"0px\\\" width=\\\"38px\\\" height=\\\"68px\\\" viewBox=\\\"0 0 38 68\\\" enable-background=\\\"new 0 0 38 68\\\" xml:space=\\\"preserve\\\"><polyline fill=\\\"none\\\" stroke-miterlimit=\\\"10\\\" points=\\\"35.5,1 2.5,34 35.5,67 \\\"\/><\/svg>\n\t<\/span>\n\t<span class=\\\"qodef-nav-text\\\"><\/span>\n<\/span>","settings":"{\"dim\":{\"width\":\"160\",\"height\":\"160\"},\"placeholders\":{\"color\":{\"type\":\"color\",\"title\":\"Color\",\"data\":\"#000000\"}},\"presets\":\"\",\"version\":\"6.0.0\"}"},"2":{"id":"2","name":"Marra Pag","handle":"marra-pag","type":"bullets","css":".marra-pag .tp-bullet {\n    width: 10px;\n    height: 10px;\n    background-color: ##color##;\n  \tborder: 1px solid ##color##;\n  \tborder-radius: 100%;\n  \topacity: .5;\n    transition: background .2s ease-out, border-color .2s ease-out, opacity .2s ease-out;\n}\n\n.marra-pag .tp-bullet:hover,\n.marra-pag .tp-bullet.selected {\n  \topacity: 1;\n}","markup":"","settings":"{\"dim\":{\"width\":\"160\",\"height\":\"160\"},\"placeholders\":{\"color\":{\"type\":\"color\",\"title\":\"Color\",\"data\":\"#000000\"}},\"presets\":\"\",\"version\":\"6.0.0\"}"}}