{"6":{"id":"6","name":"Custom Arrow","handle":"custom_arrow","type":"arrows","css":".custom_arrow.tparrows {\n    width: ##bg-size##px;\n    height: ##bg-size##px;\n    border-radius: 50%;\n    text-align: center;\n    color: rgba(255, 255, 255, 0.8);\n    cursor: pointer;\n    font-size: ##arrow-size##px;\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    opacity: 0.3 !important;\n    transition: 0.5s;\n    line-height: ##bg-size##px;\n}\n\n\n.custom_arrow.tparrows:before {\n  text-align: center;\n  font-family: \\'icomoon\\' !important;\n  font-size: ##arrow-size##px;\n  color: ##arrow-color##;\n  display: block;\n  line-height: 60px;\n  text-align: center;    \n  z-index: 2;\n  position: relative;\n}\n.custom_arrow.tparrows.tp-leftarrow {\n  transform: rotate(-180deg);\n}\n.custom_arrow.tparrows.tp-leftarrow:before {\n  content: \\'##left-arrow##\\';\n}\n.custom_arrow.tparrows.tp-rightarrow:before {\n  content: \\'##right-arrow##\\';\n}\n\n.custom_arrow .tp-title-wrap {\n  background: rgba(0,0,0,0.5);\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  position: absolute;\n  opacity: 0;\n  transform: scale(0);\n  -webkit-transform: scale(0);\n   transition: all 0.3s;\n  -webkit-transition: all 0.3s;\n  -moz-transition: all 0.3s;\n   border-radius: 50%;\n }\n.custom_arrow .tp-arr-imgholder {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  background-position: center center;\n  background-size: cover;\n  border-radius: 50%;\n  transform: translatex(-100%);\n  -webkit-transform: translatex(-100%);\n   transition: all 0.3s;\n  -webkit-transition: all 0.3s;\n  -moz-transition: all 0.3s;\n\n }\n.custom_arrow.tp-rightarrow .tp-arr-imgholder {\n    transform: translatex(100%);\n  -webkit-transform: translatex(100%);\n      }\n.custom_arrow.tparrows.rs-touchhover {\n  opacity: 1 !important;\n}\n.custom_arrow.tparrows.rs-touchhover .tp-arr-imgholder {\n  transform: translatex(0);\n  -webkit-transform: translatex(0);\n  opacity: 1;\n  transition: all 0.3s;\n  -webkit-transition: all 0.3s;\n  -moz-transition: all 0.3s;\n}\n      \n.custom_arrow.tparrows.rs-touchhover .tp-title-wrap {\n  transform: scale(1);\n  -webkit-transform: scale(1);\n  opacity: 1;\n}\n ","markup":"<div class=\\\"tp-title-wrap\\\">\n  \t<div class=\\\"tp-arr-imgholder\\\"><\/div>\n <\/div>\n","settings":"{\"dim\":{\"width\":\"160\",\"height\":\"160\"},\"placeholders\":{\"left-arrow\":{\"type\":\"icon\",\"title\":\"Left-Icon\",\"data\":\"\\\\\\\\e902\"},\"right-arrow\":{\"type\":\"icon\",\"title\":\"Right-Icon\",\"data\":\"\\\\\\\\e902\"},\"bg-color\":{\"type\":\"color\",\"title\":\"BG Color\",\"data\":\"rgba(0, 0, 0, 0.1)\"},\"arrow-color\":{\"type\":\"color\",\"title\":\"Arrow Color\",\"data\":\"#ffffff\"},\"arrow-size\":{\"type\":\"custom\",\"title\":\"Arrow Size\",\"data\":\"25\"},\"bg-size\":{\"type\":\"custom\",\"title\":\"BG Size\",\"data\":\"65\"}},\"presets\":\"\",\"version\":\"6.0.0\"}"}}