{"3":{"id":"3","name":"kropp-nav","handle":"kropp-nav","type":"arrows","css":".tparrows {\nbackground: transparent;\ntext-align: center;\n}\n\n.tparrows.rs-touchhover{\nbackground-color: transparent;\n}\n\n.tparrows span {\n \ttransition: .2s;\n}\n\n.tp-leftarrow:before {\ndisplay: none;\n}\n\n.tp-rightarrow:before {\ndisplay: none;\n}\n\n.kropp-nav-left, .kropp-nav-right {\n  \tcolor: #fff;\n\tborder: 1px solid #fff;\n    border-radius: 50%;\n    width: 54px;\n    height: 54px;\n  \ttransition: background-color .2s ease-out, color .2s ease-out;\n}\n\n.kropp-nav-left svg,\n.kropp-nav-right svg {\n  \tposition: relative;\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n.kropp-nav-left svg path,\n.kropp-nav-right svg path {\n  \tstroke-dasharray: 28;\n    stroke-dashoffset: 0;\n    transition: all .4s cubic-bezier(.4,0,1,1);\n}\n\n.kropp-nav-left:hover svg path:nth-of-type(1),\n.kropp-nav-right:hover svg path:nth-of-type(1) {\n  \tstroke-dashoffset: -56;\n}\n\n.kropp-nav-left:hover svg path:nth-of-type(2),\n.kropp-nav-right:hover svg path:nth-of-type(2) {\n  \ttransition-delay: .2s;\n    stroke-dashoffset: -56;\n}\n\n.tp-leftarrow >div:last-child {\ndisplay: none;\n}\n\n.tp-rightarrow > div:first-child {\ndisplay: none;\n}\n\n","markup":"<div class=\\\"kropp-nav-left\\\">\n\t<svg xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" width=\\\"29.213\\\" height=\\\"21.213\\\" viewBox=\\\"0 0 29.213 21.213\\\">\n  <g transform=\\\"translate(1.213 20.506) rotate(-90)\\\">\n    <path d=\\\"M0,28V0\\\" transform=\\\"translate(10)\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1\\\"\/>\n    <path d=\\\"M14,0H0V14\\\" transform=\\\"translate(9.9 0.201) rotate(45)\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1\\\"\/>\n  <\/g>\n<\/svg>\n<\/div>\n<div class=\\\"kropp-nav-right\\\">\n\t<svg xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" width=\\\"29.213\\\" height=\\\"21.213\\\" viewBox=\\\"0 0 29.213 21.213\\\">\n  <g transform=\\\"translate(0 20.506) rotate(-90)\\\">\n    <path d=\\\"M0,0V28\\\" transform=\\\"translate(10)\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1\\\"\/>\n    <path d=\\\"M14,14H0V0\\\" transform=\\\"translate(0 17.899) rotate(-45)\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1\\\"\/>\n  <\/g>\n<\/svg>\n\n<\/div>","settings":"{\"dim\":{\"width\":\"160\",\"height\":\"160\"},\"placeholders\":{\"left-icon\":{\"title\":\"Left-Icon\",\"type\":\"icon\",\"data\":\"\\\\\\\\e824\"},\"right-icon\":{\"title\":\"Right-Icon\",\"type\":\"icon\",\"data\":\"\\\\\\\\e825\"}},\"presets\":\"\",\"version\":\"6.0.0\"}"},"1":{"id":"1","name":"kropp-pagination","handle":"kropp-pagination-dark","type":"bullets","css":".kropp-pagination-dark.tp-bullets:before {\n\tcontent:\\' \\';\n\tposition:absolute;\n\twidth:100%;\n\theight:100%;\n\tbackground:transparent;\n\tpadding:10px;\n\tmargin-left:-10px;margin-top:-10px;\n\tbox-sizing:content-box;\n}\n.kropp-pagination-dark .tp-bullet {\n\twidth: 8px;\n\theight: 8px;\n\tposition:absolute;\n\tbackground: transparent;\n\tborder-radius:50%;\n\tcursor: pointer;\n  \tborder: 1px solid #fff;\n\tbox-sizing:content-box;\n  \ttransition: background-color ease-in-out 0.3s;\n}\n.kropp-pagination-dark .tp-bullet.rs-touchhover,\n.kropp-pagination-dark .tp-bullet.selected {\n\tbackground: #fff;\n}\n    \n.kropp-pagination-dark .tp-bullet.rs-touchhover .tp-bullet-title{\n  visibility:visible;\n   transform:translatex(0px);\n  -webkit-transform:translatex(0px);\n}\n\n.kropp-pagination-dark.tp-bullets.rs-touchhover .tp-bullet-title {\n  visibility:hidden;\n}\n.kropp-pagination-dark.tp-bullets.rs-touchhover .tp-bullet.rs-touchhover .tp-bullet-title {\n    visibility:visible;\n    transform:translateX(0px) translatey(0px);\n  -webkit-transform:translateX(0px) translatey(0px);\n}\n","markup":"","settings":"{\"dim\":{\"width\":\"160\",\"height\":\"160\"},\"placeholders\":{\"bullet-size\":{\"title\":\"Bullet-Size\",\"type\":\"custom\",\"data\":\"16\"},\"bullet-color\":{\"title\":\"Bullet-Color\",\"type\":\"color\",\"data\":\"#ffffff\"},\"border\":{\"title\":\"Border-Thickness\",\"type\":\"custom\",\"data\":\"2\"},\"bullet-hover\":{\"title\":\"Hover-Bullet\",\"type\":\"color\",\"data\":\"rgba(0,0,0,0.21)\"}},\"presets\":\"\",\"version\":\"6.0.0\"}"}}