{"1":{"id":"1","name":"Hendon Navigation","handle":"qodef-main-bullets-nav","type":"bullets","css":".qodef-main-bullets-nav .tp-bullet {\n  display: inline-flex;\n  width: 30px;\n  height: 30px;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n  opacity: 1;\n}\n\t\t\n.qodef-main-bullets-nav .tp-bullet:after {\n  content: \\'\\';\n  display: block;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background-color: #d7926b;\n  transition: background-color 0.3s ease;\n}\n\n.qodef-main-bullets-nav .tp-bullet .qodef-svg-circle {\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    fill: none;\n    color: currentColor;\n    stroke: rgba(215,146,107,.6);\n    -webkit-transition: all .8s cubic-bezier(0.14, 0.57, 0.14, 1.03);\n    -o-transition: all .8s cubic-bezier(0.14, 0.57, 0.14, 1.03);\n    transition: all .8s cubic-bezier(0.14, 0.57, 0.14, 1.03);\n}\n\n .qodef-main-bullets-nav .tp-bullet .qodef-svg-circle circle {\n    stroke-dasharray: 160;\n    stroke-dashoffset: 160;\n    stroke-width: 1;\n    -webkit-transition: all .8s cubic-bezier(.45,0,.14,1.03);\n    -o-transition: all .8s cubic-bezier(.45,0,.14,1.03);\n    transition: all .8s cubic-bezier(.45,0,.14,1.03);\n\ttransform: rotate(-200deg);\n\ttransform-origin: center;\n}\n\n.qodef-browser--ms-explorer .qodef-main-bullets-nav .tp-bullet .eltdf-svg-circle circle {\n  opacity: 0;\n}\n\n.qodef-main-bullets-nav .tp-bullet:hover .qodef-svg-circle circle,\n.qodef-main-bullets-nav .tp-bullet.selected .qodef-svg-circle circle {\n    stroke-dashoffset: 10;\n  \ttransform: rotate(55deg);\n  \ttransition: 1s cubic-bezier(0.38, 0.67, 0.76, 0.66);\n    -webkit-transition: 1s cubic-bezier(0.38, 0.67, 0.76, 0.66);\n    -o-transition: 1s cubic-bezier(0.38, 0.67, 0.76, 0.66);\n}\n\n.qodef-browser--ms-explorer .qodef-main-bullets-nav .tp-bullet:hover .qodef-svg-circle circle,\n.qodef-browser--ms-explorer .qodef-main-bullets-nav .tp-bullet.selected .qodef-svg-circle circle {\n  opacity: 1;\n}","markup":"<svg class=\\\"qodef-svg-circle\\\"><circle cx=\\\"50%\\\" cy=\\\"50%\\\" r=\\\"45%\\\"><\/circle><\/svg>","settings":"{\"dim\":{\"width\":\"\",\"height\":\"160\"},\"placeholders\":\"\",\"presets\":\"\",\"version\":\"6.0.0\"}"}}