{"html":"<div class=\"uc_classic_carousel\" id=\"{{uc_id}}\" style=\"direction:ltr;\">\n        <div class=\"uc_carousel owl-carousel\">\n          \t{{put_items()}}\n      <\/div>\n    <\/div>","html_item":"<div style=\"padding:0px {{item_margin}}px 0px {{item_margin}}px\">\n<div class=\"uc_classic_carousel_container_holder\" style=\"background-color:{{item.bg_color}};box-shadow:{{item_shadow}};\">\n  <span class=\"uc_classic_carousel_border\" style=\"background-color:{{item.top_border_color}};\"><\/span>\n  <div class=\"uc_classic_carousel_placeholder\" style=\"padding:{{image_padding}}px;\">\n    <img src=\"{{item.image}}\" alt=\"\">\n  <\/div>\n  <div class=\"uc_classic_carousel_content\" style=\"text-align:{{align}}; padding:20px; direction:{{direction}};\">\n    <h2 style=\"color:{{item.primary_color}}; margin-bottom:{{title_margin}}px;\">{{item.title|raw}}<\/h2>\n    <p style=\"color:{{item.primary_color}}; margin-bottom:{{text_margin}}px;\">{{item.content|raw}}<\/p>\n    <a class=\"uc_more_btn\" style=\"border-radius:{{button_radius}}px;\" href=\"{{item.link}}\" >{{item.btn_text|raw}}<\/a>\n  <\/div>\n<\/div>\n<\/div>","css":"#{{uc_id}} .owl-dots\n{\n  display:{{show_bullets}};\n}\n\n\n\n.owl-carousel .owl-carousel .owl-item{padding: 0 0.2% 0;}\n\n\n\n\n.uc_classic_carousel .owl-dot {\n    background: #c4c4cc none repeat scroll 0 0;\n    border-radius: 50%;\n    box-sizing: border-box;\n   \n    transform: scale(1);\n    transform-origin: 50% 50% 0;\n    transition: all 0.25s ease-out 0s;\n    width: 6px;\n    height:6px;\n  margin:4px 10px!important;\n}\n.uc_classic_carousel .owl-dot.active,.uc_classic_carousel .owl-dot:hover {\n    background: #333 none repeat scroll 0 0;\n    transform: scale(1);\n    transition: all 0.25s ease-out 0s;\n  height:14px;\n  width: 14px;\n  margin:0 6px!important;\n}\n\n\n.owl-carousel .owl-nav .owl-prev,\n  .owl-carousel .owl-nav .owl-next,\n  .owl-carousel .owl-dot {\n\n}\n.owl-carousel .owl-nav .owl-prev:before{\n    content: \"\u2190\";\n    margin-right:10px;\n    border:1px solid lightgray;\n    padding:10px;\n    background-color:white;\n    float:left;\n    position:absolute;\n    left:0px;\n    top:50%;\n}\n.owl-carousel .owl-nav .owl-next:after{\n    content: \"\u2192\";\n    margin-right:10px;\n   border:1px solid lightgray;\n  padding:10px;\n  background-color:white;\n    float:right;\n  position:absolute;\n    right:0px;\n    top:50%;\n}\n\n#{{uc_id}} .uc_more_btn\n{\n  background-color:{{button_bg_color}};\n  border-width:{{button_border_width}}px;\n  border-color:{{btn_brdr_clr}};\n  border-style:solid;\n  padding:{{button_paddnig_tb}}px {{button_paddnig_rl}}px {{button_paddnig_tb}}px {{button_paddnig_rl}}px;\n  color:{{btn_txt_clr}};\n}\n\n#{{uc_id}} .uc_more_btn:hover\n{\n  background-color:{{button_bg_color_hover}};\n  border-color:{{btn_brdr_clr_hover}};\n  color:{{btn_txt_clr_hvr}} !important;\n  border-width:{{button_border_width}}px;\n}\n\n#{{uc_id}} .uc_classic_carousel_container_holder\n{\n  border-width:{{item_brdr_width}}px;\n  border-color:{{item_brdr_clr}};\n  border-style:solid;\n}","js":"jQuery(document).ready(function() {\n\t\t  jQuery('.uc_classic_carousel > .owl-carousel').owlCarousel({\n\t\t\tloop: {{loop}},\n            autoplay:{{autoplay}},\n            navText : [\"\",\"\"],\n\t\t\tnav: {{show_arrows}},\n\t\t\tnavigation:true,\n\t\t\tresponsiveClass: true,\n\t\t\tresponsive: {\n\t\t\t  320: {\n\t\t\t\titems: {{mobile}},\n\t\t\t\tnav: false\n\t\t\t  },\n\t\t\t  600: {\n\t\t\t\titems: {{tablet}},\n\t\t\t\tnav: false\n\t\t\t  },\n\t\t\t  800: {\n\t\t\t\titems: {{tablet}},\n\t\t\t\tnav: false\n\t\t\t  },\n\t\t\t  1000: {\n\t\t\t\titems: {{desktop}},\n\t\t\t\tloop: true,\n\t\t\t\tmargin:0\n\t\t\t  }\n\t\t\t}\n\t\t  })\n           \n\t\t});"}