{"4":{"id":"4","name":"Wedding","handle":"wedding","type":"arrows","css":".wedding.tparrows {\n\tcursor:pointer;\n\tbackground:transparent;\n\tposition:absolute;\n\tdisplay:block;\n\tz-index:1000;\n  \tcolor:##arrow-color##;\n    width: 45px;\n    height: 96px;\n}\n\n.wedding.tparrows svg line{\n  transition: .4s ease-out;\n}\n\n.wedding.tparrows svg line:first-child{\n   transform: translateY(0);\n}\n\n.wedding.tparrows svg line:nth-child(2){\n  transform: translateY(100%);\n  transition-delay: 0s;\n}\n\n.wedding.tparrows:hover svg line:first-child{\n  transform: translateY(-100%);\n}\n\n.wedding.tparrows:hover svg line:nth-child(2){\n  transform: translateY(0);\n  transition-delay: .4s;\n}\n\n.wedding.tparrows:before {\n  display:none;\n}\n\n.wedding.tparrows.tp-leftarrow{\n \tmargin-top: -170px;\n}\n\n.wedding.tparrows.tp-rightarrow{\n \tmargin-top: 170px;\n}\n\n.wedding.tparrows.tp-rightarrow svg{\n \ttransform: scaleY(-1);\n}\n\nrs-slides {\n    counter-reset: section;\n}\n\nrs-slide {\n    counter-increment: section;\n}\n\n.wedding.tparrows.tp-leftarrow:after {\n    content: \\'\/ \\' counter(section);\n    display: block;\n  \tline-height: 61px;\n    padding-left: 5px;\n}\n\n.wedding.tparrows.tp-rightarrow:after {\n    display: none;\n}\n\n.wedding.tparrows.tp-leftarrow:after,\n.slide-index  {\n    font-size: 12px;\n    letter-spacing: .1em;\n    font-weight: 500;\n    cursor: default;\n  \tpointer-events: none;\n}\n.slide-index {\n    position: absolute;\n  \tcolor:##arrow-color##;\n    display: flex;\n    height: 100%;\n    width: 100%;\n    margin-left: -47px;\n    justify-content: flex-end;\n  \talign-items: flex-end;\n    top: 50px;\n}\n\nrs-sbg-px:after {\n  counter-increment: section;\n  opacity: 0;\n  z-index: -30;\n  position: absolute;\n}\n\n.tp-rightarrow .slide-index {\n    display: none;\n}\n","markup":"<svg xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" xmlns:xlink=\\\"http:\/\/www.w3.org\/1999\/xlink\\\" x=\\\"0px\\\" y=\\\"0px\\\" width=\\\"13.141px\\\" height=\\\"95.166px\\\" viewBox=\\\"10.938 -71.083 13.141 95.166\\\" enable-background=\\\"new 10.938 -71.083 13.141 95.166\\\" xml:space=\\\"preserve\\\">\n<line fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" x1=\\\"17.504\\\" y1=\\\"23.505\\\" x2=\\\"17.504\\\" y2=\\\"-70.493\\\"><\/line><line fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" x1=\\\"17.504\\\" y1=\\\"23.505\\\" x2=\\\"17.504\\\" y2=\\\"-70.493\\\"><\/line><polyline fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" points=\\\"11.504,-64.493 17.504,-70.493 23.504,-64.493 \\\"><\/polyline><\/svg>\n\n<div class=\\\"slide-index\\\">{{param1}}<\/div>\n","settings":"{\"dim\":{\"width\":\"160\",\"height\":\"160\"},\"placeholders\":{\"arrow-color\":{\"type\":\"color\",\"title\":\"Arrow Color\",\"data\":\"#ffffff\"},\"hover-color\":{\"type\":\"color\",\"title\":\"Hover Color\",\"data\":\"#afafa5\"}},\"presets\":\"\",\"version\":\"6.0.0\"}"},"5":{"id":"5","name":"Wedding","handle":"wedding","type":"bullets","css":".wedding .tp-bullet {\n  padding: 25px;\n  background:transparent;\n  height: 6px;\n  width: 6px;\n  line-height: 1px;\n}\n\n.wedding .tp-bullet .eltdf-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: ##bullet-color##;\n    stroke: currentColor;\n    -webkit-transition: all .8s cubic-bezier(.45,0,.14,1.03),color .01s ease-out;\n    -o-transition: all .8s cubic-bezier(.45,0,.14,1.03),color .01s ease-out;\n    transition: all .8s cubic-bezier(.45,0,.14,1.03),color .01s ease-out;\n    -webkit-transform: rotate(-135deg);\n    -ms-transform: rotate(-135deg);\n    transform: rotate(-135deg);\n    will-change: transform;\n}\n\n.wedding .tp-bullet .eltdf-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}\n\n.eltdf-ms-explorer .wedding .tp-bullet .eltdf-svg-circle circle {\n  opacity:0;\n}\n\n.wedding .tp-bullet:hover .eltdf-svg-circle,\n.wedding .tp-bullet.selected .eltdf-svg-circle {\n    color: ##bullet-hover##;\n}\n\n\n.wedding .tp-bullet:hover .eltdf-svg-circle circle,\n.wedding .tp-bullet.selected .eltdf-svg-circle circle {\n    stroke-dashoffset: 10;\n}\n\n.eltdf-ms-explorer .wedding .tp-bullet:hover .eltdf-svg-circle circle,\n.eltdf-ms-explorer .wedding .tp-bullet.selected .eltdf-svg-circle circle{\n  opacity:1;\n}\n\n\n.wedding .tp-bullet:after {\n  \tcontent: \\'\\';\n \tdisplay: block;\n    vertical-align: middle;\n    width: 6px;\n    height: 6px;\n    position: relative;\n    width: 6px;\n    height: 6px;\n    top: -3px;\n    left: -3px;\n    background-color: ##bullet-color##;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n    -webkit-transition: background-color .2s ease-out;\n    -o-transition: background-color .2s ease-out;\n    transition: background-color .2s ease-out;\n}\n\n.wedding .tp-bullet:hover:after,\n.wedding .tp-bullet.selected:after{\n\t  background-color: ##bullet-hover##;\n}\n","markup":"<svg class=\\\"eltdf-svg-circle\\\"><circle cx=\\\"50%\\\" cy=\\\"50%\\\" r=\\\"45%\\\"><\/circle><\/svg>","settings":"{\"dim\":{\"width\":\"160\",\"height\":\"160\"},\"placeholders\":{\"bullet-color\":{\"type\":\"color\",\"title\":\"Bullet Color\",\"data\":\"rgba(255, 255, 255, 0.6)\"},\"bullet-hover\":{\"type\":\"color\",\"title\":\"Hover Bullet Color\",\"data\":\"#ffffff\"}},\"presets\":\"\",\"version\":\"6.0.0\"}"}}