{"2":{"id":"2","name":"Brunn","handle":"brunn","css":".brunn.tparrows {\n    cursor:pointer;\n    background:##back-color##;\n    min-width:##back-width##px;\n    min-height:##back-size##px;\n    position:absolute;\n    display:block;\n    z-index:100;\n}\n\n.brunn.tparrows:before {\n    font-family: \\\"ElegantIcons\\\" !important;\n    font-size:##arrow-size##px;\n    color:##arrow-color##;\n    display:block;\n    line-height: ##back-size##px;\n    text-align: center;\n    -webkit-transition: color 0.3s;\n    -moz-transition: color 0.3s;\n    transition: color 0.3s;\n    z-index:2;\n    position:relative;\n    background:##back-color##;\n    min-width:##back-width##px;\n    min-height:##back-size##px;\n}\n\n.brunn.tparrows.tp-leftarrow:before {\n    content: \\\"\\\\34\\\";\n}\n\n.brunn.tparrows.tp-rightarrow:before {\n    content: \\\"\\\\35\\\";\n}\n\n.tp-title-wrap { \n    position:absolute;\n    z-index:0;\n    display:inline-block;\n    color: ##title-color##;\n    font-size: ##title-size##px;\n    font-weight: 700;\n    min-height: ##back-size##px;\n    line-height: ##back-size##px;\n    height: ##back-size##px;\n    top: 0;\n    margin-left:0px;\n}\n .brunn.tp-rightarrow .tp-title-wrap { \n    right:0px;\n }\n\n.brunn.tparrows.tp-leftarrow:hover .tp-arr-imgholder, .brunn.tparrows.tp-rightarrow:hover .tp-arr-imgholder  {\n    transform: translateX(0);\n}\n\n.brunn.tparrows.tp-leftarrow .tp-arr-imgholder {\n    transform: translateX(-100%);\n    transition: transform .3s cubic-bezier(0.76, 0.49, 0.18, 0.9);\n    backface-visibility: hidden;\n}\n\n.brunn.tparrows.tp-rightarrow .tp-arr-imgholder {\n    transform: translateX(100%);\n    transition: transform .3s cubic-bezier(0.76, 0.49, 0.18, 0.9);\n    backface-visibility: hidden;\n}\n\n.brunn .tp-arr-imgholder{\n    width:##image-size##px;\n    height:##back-size##px;\n    position:absolute;\n    left: ##back-width##px;\n    display:block;\n    background-size:cover;\n    background-position:center center;\n  \ttop:0px;\n    right:-##image-size##px;\n    padding: 0 30px;\n\tbox-sizing: border-box;\n    transition: transform .3s, opacity .04s;\n}\n\n.brunn.tp-rightarrow .tp-arr-imgholder{\n    right: ##back-width##px;\n    left: auto;\n    text-align: right;\n    \n}","markup":"<div class=\\\"tp-title-wrap\\\">\n    <span class=\\\"tp-arr-imgholder\\\"><\/span>\n <\/div>\n","settings":"{\"dim\":{\"width\":\"160\",\"height\":\"160\"},\"placeholders\":{\"back-width\":{\"title\":\"BG-Width\",\"type\":\"custom\",\"data\":\"50\"},\"title-size\":{\"title\":\"Title-Size\",\"type\":\"custom\",\"data\":\"18\"},\"title-color\":{\"title\":\"Title-Color\",\"type\":\"color\",\"data\":\"#ffffff\"},\"image-size\":{\"title\":\"Image-Size\",\"type\":\"custom\",\"data\":\"100\"},\"arrow-size\":{\"title\":\"Arrow-Size\",\"type\":\"custom\",\"data\":\"20\"},\"arrow-color\":{\"title\":\"Arrow-Color\",\"type\":\"color\",\"data\":\"#ffffff\"},\"back-color\":{\"title\":\"Background-Color\",\"type\":\"color\",\"data\":\"#000000\"},\"back-size\":{\"title\":\"BG-Size\",\"type\":\"custom\",\"data\":\"80\"}},\"presets\":\"\",\"version\":\"6.0.0\"}","type":"arrows"}}