{"id":793,"date":"2021-02-05T09:00:57","date_gmt":"2021-02-05T09:00:57","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/?page_id=793"},"modified":"2021-06-23T06:39:33","modified_gmt":"2021-06-23T06:39:33","slug":"slider-factory","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/","title":{"rendered":"Slider Factory"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT ONE<\/strong><\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]\n<script>\njQuery( document ).ready(function($) {\n\tvar $main = $('.carousel-main-23');\n\n\tif ($main.data('flickity')) {\n\t\t$main.flickity('destroy');\n\t}\n\n\tvar mainCarousel = $main.flickity({\n\t\tcellSelector: '.carousel-cell-23',\n\t\timagesLoaded: true,\n\t\t\t\tautoPlay: 1500,\n\t\t\t\tpauseAutoPlayOnHover: false,\n\t\twrapAround: true,\n\t\tadaptiveHeight: true,\n\t\tprevNextButtons: true,\n\t\tpageDots: true,\n\t\t\t\tcellAlign: 'center',\n\t\t\t\trightToLeft: false,\n\t\t\tarrowShape: 'M 60,15 L 65,20 L 35,50 L 65,80 L 60,85 L 25,50 Z'\n\t});\n\n\t$main.find('img').on('load', function() {\n\t\t$main.flickity('resize');\n\t});\n\tsetTimeout(function() {\n\t\t$main.flickity('resize');\n\t}, 100);\n});\n<\/script>\n\n<!-- slider start -->\n<div class=\"carousel-23 carousel-main-23 preset-1\">\n\t\t\t\t<div class=\"carousel-cell-23\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/close-up-indoor-fashion-portrait-pretty-young-model-stylish-winter-fluffy-coat-black-hat-posing-evening-bright-make-up.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-23\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/young-handsome-business-man-wearing-suit-tie-isolated-wall-shooting-killing-oneself-pointing-hand-fingers-head-like-gun.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-23\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/glad-multiethnic-women-cross-fingers-good-luck-before-passing-entrance-exams.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-23\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/front-view-female-office-worker-black-strict-jacket-posing-light-pink-wall.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<!-- slider end-->\n\n<style>\n.carousel-main-23 {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n\tmargin-bottom: 25px;\n\tposition: relative;\n}\n\n.carousel-main-23 .flickity-viewport {\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);\n\ttransition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n\theight: 380px;\n\tmin-height: 250px;\n}\n\n.carousel-main-23 .sf-1-slide-image {\n\tdisplay: block;\n\tmax-width: 100%;\n\twidth: 100%;\n\theight: 380px;\n\tobject-fit: cover;\n}\n\n.carousel-main-23 .sf-1-slide-content {\n\tposition: absolute;\n\tcolor: white;\n\twidth: 100%;\n\tbottom: 0;\n\ttext-align: center;\n\tbackground: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);\n\tpadding: 45px 20px 20px 20px;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n}\n\n.carousel-main-23 .sf-1-slide-title {\n\tfont-size: 22px;\n\tfont-weight: 700;\n\ttext-shadow: 0 2px 8px rgba(0,0,0,0.5);\n\tmargin-bottom: 4px;\n\tpadding: 0;\n}\n\n.carousel-main-23 .sf-1-slide-desc {\n\tfont-size: 14px;\n\tfont-weight: 400;\n\ttext-shadow: 0 2px 8px rgba(0,0,0,0.5);\n\topacity: 0.9;\n\tpadding: 0;\n}\n\n\/* Preset Cell Width Rules *\/\n.carousel-main-23 .carousel-cell-23 {\n\twidth: 100% !important;\n\tmargin-right: 0 !important;\n}\n\n.carousel-main-23 .carousel-cell-23 {\n\theight: 380px;\n}\n\n\/* Active Slide Visibility Rule *\/\n.carousel-main-23 .carousel-cell-23.is-selected {\n\tz-index: 2;\n}\n\n\/* Thumbnail Navigation Styling *\/\n.sf-1-thumb-nav {\n\tmargin-top: 12px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n}\n.sf-1-thumb-cell {\n\twidth: 80px;\n\theight: 55px;\n\tmargin-right: 8px;\n\tcursor: pointer;\n\topacity: 0.6;\n\ttransition: opacity 0.2s;\n\tborder-radius: 4px;\n\toverflow: hidden;\n}\n.sf-1-thumb-cell.is-nav-selected {\n\topacity: 1;\n\tborder: 2px solid #2563eb;\n}\n.sf-1-thumb-cell img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n\/* Premium Navigation Arrows *\/\n.carousel-main-23 .flickity-prev-next-button {\n\twidth: 44px;\n\theight: 60px;\n\tbackground: rgba(0, 0, 0, 0.2);\n\tborder-radius: 4px;\n\tborder: none;\n\tbox-shadow: none;\n\topacity: 0;\n\ttransition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.carousel-main-23 .flickity-prev-next-button.previous {\n\tleft: 15px;\n\ttransform: translateY(-50%) translateX(-15px);\n}\n.carousel-main-23 .flickity-prev-next-button.next {\n\tright: 15px;\n\ttransform: translateY(-50%) translateX(15px);\n}\n.carousel-main-23:hover .flickity-prev-next-button.previous {\n\topacity: 0.75;\n\ttransform: translateY(-50%) translateX(0);\n}\n.carousel-main-23:hover .flickity-prev-next-button.next {\n\topacity: 0.75;\n\ttransform: translateY(-50%) translateX(0);\n}\n.carousel-main-23 .flickity-prev-next-button:hover {\n\topacity: 1;\n\tbackground: rgba(0, 0, 0, 0.4);\n}\n.carousel-main-23 .flickity-prev-next-button .flickity-button-icon {\n\twidth: 45%;\n\theight: 45%;\n\tleft: 27.5%;\n\ttop: 27.5%;\n\tfill: #ffffff;\n}\n\n\/* Page Dots *\/\n.carousel-main-23 .flickity-page-dots {\n\tposition: relative;\n\tbottom: auto;\n\tmargin-top: 15px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 6px;\n}\n.carousel-main-23 .flickity-page-dots .dot {\n\twidth: 8px;\n\theight: 8px;\n\tbackground: #cbd5e1;\n\topacity: 1;\n\tborder-radius: 50%;\n\ttransition: all 0.3s ease;\n\tmargin: 0;\n\tborder: none;\n}\n.carousel-main-23 .flickity-page-dots .dot:hover {\n\tbackground: #94a3b8;\n}\n.carousel-main-23 .flickity-page-dots .dot.is-selected {\n\tbackground: #64748b;\n\twidth: 20px;\n\tborder-radius: 4px;\n\tbox-shadow: none;\n}\n\n<\/style>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2>\u00a0 \u00a0<strong><span style=\"color: #b02a9e;\">Features<\/span><\/strong><\/h2>\n<ul>\n<li>Auto Play On\/Off Slide Slow<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Navigation Arrow<\/li>\n<li>Slider Pagination Dots<\/li>\n<li>Slide Title<\/li>\n<li>Slide Description<\/li>\n<li>Touch Enabled<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;bounceIn&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-1%2F|target:_blank&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT TWO<\/strong><\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<script>\njQuery( document ).ready(function($) {\n\tvar $elem = $('.sf-2-24');\n\tif ($elem.length) {\n\t\t$elem.photoroller({\n\t\t\tstartpoint: 1,\n\t\t\tjump_back: true,\n\t\t\tjumppoint_click: true\t\t});\n\t}\n});\n<\/script>\n\n<!-- slider start-->\n<div class=\"sf-2-24\">\n\t\t\t\t<div class=\"sf-2-slide\">\n\t\t\t\t<img class=\"sf-2-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-7.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"sf-2-slide\">\n\t\t\t\t<img class=\"sf-2-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-8.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"sf-2-slide\">\n\t\t\t\t<img class=\"sf-2-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-9.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"sf-2-slide\">\n\t\t\t\t<img class=\"sf-2-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-11.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"sf-2-slide\">\n\t\t\t\t<img class=\"sf-2-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-12.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"sf-2-slide\">\n\t\t\t\t<img class=\"sf-2-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-13.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"sf-2-slide\">\n\t\t\t\t<img class=\"sf-2-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-14.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<!-- slider end-->\n\n<style>\n.sf-2-24 {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n\theight: auto;\n\tposition: relative;\n\toverflow: hidden;\n}\n\n.sf-2-24 .sf-2-slide {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.sf-2-24 .sf-2-slide-image {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n.sf-2-24 .sf-2-slide-content {\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tbackground: linear-gradient(to top, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.4) 70%, transparent 100%);\n\tcolor: #ffffff;\n\tpadding: 16px;\n\tz-index: 5;\n\tpointer-events: none;\n\tbox-sizing: border-box;\n}\n\n.sf-2-24 .sf-2-slide-title {\n\tfont-size: 14px;\n\tfont-weight: 700;\n\tcolor: #ffffff;\n\tmargin-bottom: 2px;\n\tline-height: 1.3;\n\ttext-shadow: 0 1px 3px rgba(0,0,0,0.5);\n}\n\n.sf-2-24 .sf-2-slide-desc {\n\tfont-size: 12px;\n\tcolor: rgba(255,255,255,0.85);\n\tline-height: 1.4;\n\ttext-shadow: 0 1px 2px rgba(0,0,0,0.5);\n}\n\n<\/style>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2>\u00a0 <strong><span style=\"color: #b846b8;\">Features<\/span><\/strong><\/h2>\n<div>\n<ul>\n<li>Mouse Roll-over Slide Show<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Title<\/li>\n<li>Slider Description<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;bounceIn&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-2%2F|target:_blank&#8221;][vc_empty_space height=&#8221;100px&#8221;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT THREE<\/strong><\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<script>\njQuery( document ).ready(function() {\n\tjQuery('.first-sample-25 .slider').blue_slider({\n\t\t\/\/ Preset 4 for Free edition\n\t\tslide_template: '1fr 6fr (2,1fr) .5fr',\n\t\tcurrent_fr_index: 2,\n\t\tstart_slide_index: 0, \n\t\tcurrent_fr_index_flow: false,\n\n\t\tauto_play: true,\t\t\t\t\t\t\/\/ to auto play slides (default: false)\n\t\tauto_play_period: 3500,\t\t\t\/\/ auto play speed time (default: 3000) 3sec\n\t\tspeed: 2500,\t\t\t\t\t\/\/ slide transition time (default: 1000) 1 Sec\n\n\t\tslide_gap: 10,\t\t\t\t\t\t\/\/ gap between 2 slides (default: 0)\n\n\t\tcurrent_fr_class: 'my-fr-current',\t\t\t\t\t\t\t\t\/\/ highlighting the current frame\n\t\tactive_fr_class: 'my-fr-active',\n\t\tsencitive_drag: 100,\n\t\tloop: false,\n\t\tarrows: true,\n\t\tprev_arrow: '.first-sample-25 .prev-slide',\n\t\tnext_arrow: '.first-sample-25 .next-slide',\n\t});\n});\n<\/script>\n\n<!-- slider start-->\n<div class=\"sf-3-25\">\n\t<div class=\"first-sample-25\">\n\t\t<div class=\"slider\">\n\t\t\t\t\t\t<div class=\"item\">\n\t\t\t\t\t<img class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-14.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"item\">\n\t\t\t\t\t<img class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-13.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"item\">\n\t\t\t\t\t<img class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-12.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"item\">\n\t\t\t\t\t<img class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-11.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"item\">\n\t\t\t\t\t<img class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-9.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"item\">\n\t\t\t\t\t<img class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-8.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"item\">\n\t\t\t\t\t<img class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-7.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t<\/div>\n\t\t\t\t<i class=\"prev-slide \"><i class=\"fa fa-chevron-left\"><\/i><\/i>\n\t\t<i class=\"next-slide \"><i class=\"fa fa-chevron-right\"><\/i><\/i>\n\t\t\n\t<\/div>\n<\/div>\n<!-- slider end-->\n\n<style>\n.sf-3-25 {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n\theight: 380px;\n}\n\n.sf-3-25 .sf-3-slide-content {\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tbackground: linear-gradient(to top, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.4) 70%, transparent 100%);\n\tcolor: #ffffff;\n\tpadding: 16px;\n\tz-index: 5;\n\tpointer-events: none;\n\tbox-sizing: border-box;\n}\n\n.sf-3-25 .sf-3-slide-title {\n\tfont-size: 14px;\n\tfont-weight: 700;\n\tcolor: #ffffff;\n\tline-height: 1.3;\n\ttext-shadow: 0 1px 3px rgba(0,0,0,0.5);\n\tmargin-bottom: 22px;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n.sf-3-25 .sf-3-slide-desc {\n\tfont-size: 12px;\n\tcolor: rgba(255,255,255,0.85);\n\tline-height: 1.4;\n\ttext-shadow: 0 1px 2px rgba(0,0,0,0.5);\n\tposition: absolute;\n\tbottom: 14px;\n\tleft: 16px;\n\tright: 16px;\n\topacity: 0;\n\tvisibility: hidden;\n\tpointer-events: none;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\ttransition: opacity 0.15s ease 0s, visibility 0s 0.15s;\n}\n\n.first-sample-25 .slider .slide-item.my-fr-current .sf-3-slide-desc {\n\topacity: 1;\n\tvisibility: visible;\n\tpointer-events: auto;\n\ttransition: opacity 0.5s ease 2.2s, visibility 0s 2.2s;\n}\n\n\/* main CSS start *\/\n.first-sample-25 {\n\twidth: 100%;\t\t\t\t\/* width of slider *\/\n\theight: 100%;\t\t\t\t\/* height of slider *\/\n\tborder: none;\n\tborder-radius: 0;\n\tposition: relative;\n\tbackground-color: #1c1c1c;\t\/* background color of slider *\/\n}\n\n.first-sample-25 .slider {\n\theight: 100%;\n}\n\n.first-sample-25 .slider .slide-wrapper {\n\toverflow: hidden;\n\theight: 100%;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n\n.first-sample-25 .slider .slide-tracker {\n\theight: 100%;\n}\n\n.first-sample-25 .slider .slide-item {\n\theight: 100%;\n}\n\n.first-sample-25 .slider .slide-tracker .my-fr-current .item::before {\n\tbackground-color: rgba(0, 0, 0, 0);\n}\n\n.first-sample-25 .slider .item {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n\tposition: relative;\n}\n\n.first-sample-25 .slider .item::before {\n\tcontent: '';\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, 0.8);\n\ttransition: background-color 1s;\n}\n\n.first-sample-25 .slider .item img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\t\t\t\t\/* image fit or Zoom 100% *\/\n\tobject-position: center center;\n}\n\n.first-sample-25 .prev-slide,\n.first-sample-25 .next-slide {\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\twidth: 44px;\n\theight: 44px;\n\tbackground: rgba(0, 0, 0, 0.45);\n\tcolor: #ffffff;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 14px;\n\tcursor: pointer;\n\ttransition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\tz-index: 10;\n\tborder: 1px solid rgba(255, 255, 255, 0.15);\n\tbackdrop-filter: blur(4px);\n\t-webkit-backdrop-filter: blur(4px);\n}\n\n.first-sample-25 .prev-slide:hover,\n.first-sample-25 .next-slide:hover {\n\tbackground: rgba(0, 0, 0, 0.75);\n\tcolor: #ffffff;\n\ttransform: translateY(-50%) scale(1.08);\n\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\n}\n\n\/* position of previous button from slider container (default -70 px) *\/\n.first-sample-25 .prev-slide {\n\tleft: 20px;\n}\n\n\/* position of next button from slider container (default -70 px) *\/\n.first-sample-25 .next-slide {\n\tright: 20px;\n}\n\/* main CSS end *\/\n\n\/* media query CSS start *\/\n@media only screen and (max-width: 600px) {\n\t.sf-3-25 {\n\t\theight: calc(380px \/ 2);\n\t}\n}\n\/* media query CSS end *\/\n<\/style>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2 style=\"font-family: Roboto, sans-serif;\"><span style=\"color: #b846b8;\">\u00a0 <strong>Features<\/strong><\/span><\/h2>\n<div>\n<ul>\n<li>Accordion Style Slider<\/li>\n<li>Auto Play On\/Off Slide Show<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Navigation Arrows<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<div style=\"color: #b846b8;\"><\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;bounceIn&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-3%2F|target:_blank&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT FOUR<\/strong><\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<script>\njQuery( document ).ready(function() {\n\t\/\/ Avoid `console` errors in browsers that lack a console.\n\t(function () {\n\t\tvar method;\n\t\tvar noop = function () {};\n\t\tvar methods = [\n\t\t\t'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',\n\t\t\t'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',\n\t\t\t'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',\n\t\t\t'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'\n\t\t];\n\t\tvar length = methods.length;\n\t\tvar console = (window.console = window.console || {});\n\n\t\twhile (length--) {\n\t\t\tmethod = methods[length];\n\n\t\t\t\/\/ Only stub undefined methods.\n\t\t\tif (!console[method]) {\n\t\t\t\tconsole[method] = noop;\n\t\t\t}\n\t\t}\n\t}());\n\n\tjQuery('.sf-4-22').camera({\n\t\tautoAdvance:true,\n\t\tportrait: false,\n\t\theight: '380px',\n\t});\n});\n<\/script>\n\n<!-- slider start-->\n <div class=\"sf-4-22\">\n\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-5.jpg\">\n\t\t\t\t\t<img class=\"sf-4-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-5.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-7.jpg\">\n\t\t\t\t\t<img class=\"sf-4-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-7.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-8.jpg\">\n\t\t\t\t\t<img class=\"sf-4-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-8.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-9.jpg\">\n\t\t\t\t\t<img class=\"sf-4-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-9.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-13.jpg\">\n\t\t\t\t\t<img class=\"sf-4-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-13.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n<!-- slider end-->\n\n<style>\n.sf-4-22 {\n\tfloat: none !important;\n\tmargin-left: auto !important;\n\tmargin-right: auto !important;\n\twidth: 100%;\n\theight: 380px;\n}\n\n.sf-4-22 .camera_prev,\n.sf-4-22 .camera_next,\n.sf-4-22 .camera_commands {\n\ttop: 50%;\n\tbottom: auto;\n\ttransform: translateY(-50%);\n\tmargin-top: 0;\n}\n\n.sf-4-22 .camera_commands > .camera_play {\n\tdisplay: block;\n}\n\n.sf-4-slide-content {\n\n}\n\n.sf-4-slide-image {\n\twidth: 100%;\n}\n\n.sf-4-slide-title {\n\tcolor: #ffffff;\n\tfont-size: 20px;\n\tfont-weight: 700;\n\tmargin: 0 0 6px 0;\n\tline-height: 1.3;\n}\n.sf-4-slide-desc {\n\tcolor: rgba(255, 255, 255, 0.9);\n\tfont-size: 14px;\n\tfont-weight: 400;\n\tmargin: 0 0 12px 0;\n\tline-height: 1.5;\n}\n\n.sf-4-slide-button-1,\n.sf-4-slide-button-2 {\n\tdisplay: inline-block;\n\tpadding: 8px 18px;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tline-height: 1.4;\n\tcolor: #ffffff;\n\tbackground-color: #2563eb;\n\tborder: none;\n\tborder-radius: 4px;\n\tcursor: pointer;\n\ttransition: background-color 0.2s ease;\n\tmargin-top: 4px;\n}\n.sf-4-slide-button-1:hover,\n.sf-4-slide-button-2:hover {\n\tbackground-color: #1d4ed8;\n}\n.sf-4-slide-button-link-1,\n.sf-4-slide-button-link-2 {\n\ttext-decoration: none;\n\tdisplay: inline-block;\n}\n\n\/********* hide slide content on mobile with media query 26-Jan-2021 *********\/\n@media(max-width:770px){\n\t.camera_caption > div {\n\t\tpadding: 5px 10px!important;\n\t}\n\t\n\t.camera_caption p {\n\t\tmargin: 0 0 5px;\n\t}\n\t\n\t.sf-4-slide-title {\n\t\tcolor: #FFF;\n\t\tfont-size: 17px;\n\t}\n\t\n\t.sf-4-slide-desc {\n\t\tcolor: #FFF;\n\t\tfont-size: 13px;\n\t}\n}\n@media(max-width:580px){\n\t.sf-4-slide-desc {\n\t\tdisplay: none;\n\t}\n\t.sf-4-slide-title {\n\t\tcolor: #FFF;\n\t\tfont-size: 12px;\n\t\ttext-align: center;\n\t}\n}\n<\/style>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2>\u00a0 <strong><span style=\"color: #b02a9e;\">Features\u00a0\u00a0<\/span><\/strong><\/h2>\n<div>\n<ul>\n<li>Auto Play On\/Off Slide Show<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Navigation Arrow<\/li>\n<li>Slide Play\/Pause Button<\/li>\n<li>Slide Title<\/li>\n<li>Slide Description<\/li>\n<li>Loading Bar<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;20px&#8221;][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;bounceIn&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-4%2F|target:_blank&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT FIVE<\/strong><\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<div class=\"slider-container-26\">\n\t<ul class=\"flip-items\">\n\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Flower10.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-26\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-26\">\n\t\t\t\t\t\t\t\tFlower10\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Flower7.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-26\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-26\">\n\t\t\t\t\t\t\t\tFlower7\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Flower12.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-26\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-26\">\n\t\t\t\t\t\t\t\tFlower12\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Flower13.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-26\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-26\">\n\t\t\t\t\t\t\t\tFlower13\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Flower14.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-26\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-26\">\n\t\t\t\t\t\t\t\tFlower14\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Flower19.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-26\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-26\">\n\t\t\t\t\t\t\t\tFlower19\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Flower22.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-26\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-26\">\n\t\t\t\t\t\t\t\tFlower22\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n<\/div>\n<script>\njQuery( document ).ready(function() {\n\tjQuery(\".slider-container-26\").flipster({\n\t\t\t\tautoplay: 2000,\t\t\/\/ true\/false - numbers in milliseconds \n\t\t\t});\n});\n<\/script>\n<style>\n.slider-container-26 img {\n\twidth : 300px;\n\tmax-width: 100%;\n\theight : 300px;\n\tobject-fit : cover;\n}\n\n\/********* FIX FOR VERTICAL SCROLL BAR AND PREVIEW PADDING *********\/\n.flipster {\n\tdisplay: block;\n\toverflow: hidden !important;\n\tposition: relative;\n\tpadding: 35px 0 25px 0 !important;\n}\n\n.sf-5-descdiv-26 {\n\ttext-align: center;\n\tposition: absolute;\n\topacity: 0;\n\tbottom: 10%;\n\tcolor: #fff;\n\tbackground: rgba(0,0,0,0.65);\n\twidth: 70%;\n\tleft: 15%;\n\tpadding: 8px 12px;\n\tborder-radius: 6px;\n\ttransition: all 0.4s ease;\n\tbox-sizing: border-box;\n\tz-index: 10;\n}\n.sf-5-descdiv-26 .sf-5-title-26 {\n\tfont-weight: 700;\n\tfont-size: 15px;\n\tmargin-bottom: 4px;\n}\n.sf-5-descdiv-26 .sf-5-desc-26 {\n\tfont-size: 13px;\n\topacity: 0.9;\n}\n.flipster__item--current .sf-5-descdiv-26,\n.flipster__item__content:hover .sf-5-descdiv-26 {\n\topacity: 1;\n}\n\n.sf-5-slide-button-1-26,\n.sf-5-slide-button-2-26 {\n\tdisplay: inline-block;\n\tmin-width: 80px;\n\tmargin: 6px 4px 0 4px;\n\tborder-radius: 4px;\n\tborder: none;\n\tcolor: #ffffff;\n\tbackground-color: #2563eb;\n\tfont-weight: 600;\n\tfont-size: 12px;\n\tpadding: 6px 14px;\n\tcursor: pointer;\n\ttransition: background-color 0.2s ease, transform 0.2s ease;\n\ttext-decoration: none;\n}\n\n.sf-5-slide-button-1-26:hover,\n.sf-5-slide-button-2-26:hover {\n\topacity: 0.9;\n\tcolor: #ffffff;\n\ttransform: translateY(-1px);\n}\n\n\/********* MODERNIZED FLIPSTER NAVIGATION & SPACING *********\/\n.slider-container-26 .flipster__nav {\n\tmargin-top: 28px !important;\n\tmargin-bottom: 20px !important;\n\tdisplay: flex !important;\n\tflex-wrap: wrap !important;\n\tjustify-content: center !important;\n\tgap: 8px !important;\n\tposition: relative !important;\n\tz-index: 10 !important;\n}\n.slider-container-26 .flipster__nav__item {\n\tdisplay: inline-block !important;\n\tmargin: 0 !important;\n}\n.slider-container-26 .flipster__nav__link {\n\tdisplay: inline-flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\tbackground: #f1f5f9 !important;\n\tcolor: #475569 !important;\n\tfont-size: 13px !important;\n\tfont-weight: 600 !important;\n\tborder-radius: 4px !important;\n\tpadding: 7px 18px !important;\n\tborder: 1px solid #e2e8f0 !important;\n\ttransition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n\ttext-decoration: none !important;\n\tline-height: 1.2 !important;\n}\n.slider-container-26 .flipster__nav__link::after {\n\tdisplay: none !important;\n}\n.slider-container-26 .flipster__nav__item--current > .flipster__nav__link,\n.slider-container-26 .flipster__nav__link:hover {\n\tbackground: #2563eb !important;\n\tcolor: #ffffff !important;\n\tborder-color: #2563eb !important;\n\tbox-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;\n\ttransform: translateY(-1px) !important;\n}\n.slider-container-26 .flipster__nav__child {\n\tdisplay: none !important;\n}\n\n\/********* Responsive media query *********\/\n@media only screen and (max-width: 768px) {\n\t.slider-container-26 img {\n\t\tmax-width : 300px;\n\t}\n}\n@media only screen and (max-width: 540px) {\n\t.slider-container-26 img {\n\t\tmax-width : 170px;\n\t}\n}\n<\/style>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2><strong><span style=\"color: #b02a9e;\">\u00a0Features<\/span><\/strong><\/h2>\n<ul>\n<li>Auto Play On\/Off Slide Show<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Navigation Arrows<\/li>\n<li>Mouse Scroll<\/li>\n<li>Slide Touch<\/li>\n<li>Keyboard Arrows Enabled<\/li>\n<li>3D Style\u00a0Slider<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;20px&#8221;][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;bounceIn&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-5%2F|target:_blank&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT SIX<\/strong><\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<script>\njQuery(document).ready(function(){\n\tvar $sf6Container = jQuery('.sf-6-27');\n\t$sf6Container.wipeSlider({\n\t\ttransition : 1000,\n\t\tduration : 2000,\n\t\tauto : true,\n\t\tpager : true,\n\t\tcontrols : true,\n\t\tvariable: true,\n\t\tdirection : 'four',\n\t\teasing : 'linear',\n\t\tslideLength : 0,\n\t\tslideNum : 0,\n\t\tbackFlag : false,\n\t});\n\n\tvar userHeight = '380px';\n\tif (userHeight) {\n\t\tvar el = document.querySelector('.sf-6-27');\n\t\tif (el) {\n\t\t\tvar targets = el.querySelectorAll('.slides, .slide, .slide img');\n\t\t\ttargets.forEach(function(t) {\n\t\t\t\tt.style.setProperty('height', userHeight);\n\t\t\t});\n\t\t}\n\t}\n});\n<\/script>\n\n<div class=\"slidesWrap sf-6-27\">\n\t<ul class=\"slides ulslide\">\n\t\t\t\t<li class=\"slide\">\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-7.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"slide\">\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-8.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"slide\">\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-9.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"slide\">\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-11.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"slide\">\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-12.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"slide\">\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-13.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"slide\">\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-14.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n<\/div>\n<style>\n\n.sf-6-27,\n.sf-6-27 * {\n\tbox-sizing: border-box;\n}\n\ndiv.slidesWrap.sf-6-27 {\n\twidth: 100%;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tpadding-bottom: 20px;\n}\n\ndiv.slidesWrap.sf-6-27 ul.slides,\ndiv.slidesWrap.sf-6-27 li.slide {\n\twidth: 100%;\n\theight: 380px;\n}\n\ndiv.slidesWrap.sf-6-27 li.slide img {\n\twidth: 100%;\n\theight: 380px;\n\tobject-fit: cover;\n}\n\ndiv.slidesWrap.sf-6-27 ul.pager {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 5px;\n\tmargin-top: 14px;\n\tmargin-bottom: 6px;\n\tpadding: 0 12px;\n\tlist-style: none;\n\tflex-wrap: wrap;\n}\n\ndiv.slidesWrap.sf-6-27 ul.pager li {\n\tmargin: 0;\n\tpadding: 0;\n}\n\ndiv.slidesWrap.sf-6-27 ul.pager li button {\n\tdisplay: block;\n\twidth: 8px;\n\theight: 8px;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: 9999px;\n\tbackground-color: #cbd5e1;\n\topacity: 0.6;\n\tcursor: pointer;\n\ttext-indent: -9999px;\n\ttransition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n\tbox-shadow: none;\n\toutline: none;\n}\n\ndiv.slidesWrap.sf-6-27 ul.pager li button:hover {\n\topacity: 0.95;\n\ttransform: scale(1.25);\n\tbackground-color: #94a3b8;\n}\n\ndiv.slidesWrap.sf-6-27 ul.pager li button.current {\n\twidth: 20px;\n\tbackground-color: #0f172a;\n\topacity: 1;\n\tborder-radius: 9999px;\n}\n\n.sf-6-slide-button-1-27,\n.sf-6-slide-button-2-27 {\n\tdisplay: inline-block;\n\tmin-width: 80px;\n\tmargin: 6px 4px 0 4px;\n\tborder-radius: 4px;\n\tborder: none;\n\tcolor: #fff;\n\tbackground-color: #2563eb;\n\tfont-weight: 600;\n\tfont-size: 12px;\n\tpadding: 6px 14px;\n\tcursor: pointer;\n\ttransition: background-color 0.2s ease, transform 0.2s ease;\n\ttext-decoration: none;\n}\n.sf-6-slide-button-1-27:hover,\n.sf-6-slide-button-2-27:hover {\n\tbackground-color: #1d4ed8;\n\tcolor: #fff;\n\ttransform: translateY(-1px);\n}\n\n\/* FIX 15-JAN-2021 *\/\n.slide .m_innerBox{\n\tposition: absolute;\n\tbottom: 10px;\n\tleft: 10px;\n\tright: 10px;\n\tpadding: 10px;\n}\n\n\/* media queries start *\/\n@media only screen and (max-width: 600px) {\n\t.slide .m_innerBox{\n\t\tposition: absolute;\n\t\tbottom: 5px !important;\n\t\tleft: 5px  !important;\n\t\tright: 5px  !important;\n\t\tpadding: 5px  !important;\n\t\tfont-size: 12px  !important;\n\t}\n}\n@media only screen and (max-width: 500px) {\n\t.slide .m_innerBox{\n\t\tposition: absolute;\n\t\tbottom: 3px !important;\n\t\tleft: 3px  !important;\n\t\tright: 3px  !important;\n\t\tpadding: 3px  !important;\n\t\tfont-size: 9px  !important;\n\t}\n}\n\/* media queries end *\/\n<\/style>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2>\u00a0 <strong><span style=\"color: #b83d7a;\">Features<\/span><\/strong><\/h2>\n<div>\n<ul>\n<li>Auto Play On\/Off Slide Show<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Navigation Arrows<\/li>\n<li>Slide Pagination Dots<\/li>\n<li>Slide Title<\/li>\n<li>Slide Description<\/li>\n<li>Wipe Style Slider<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;20px&#8221;][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;bounceIn&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-6%2F|target:_blank&#8221;][vc_empty_space height=&#8221;150px&#8221;][vc_row_inner][vc_column_inner][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT SEVEN<\/strong><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2>\u00a0 <strong><span style=\"color: #b83d7a;\">Features<\/span><\/strong><\/h2>\n<div>\n<ul>\n<li>Auto Play On\/Off Slide Show<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Navigation Arrows<\/li>\n<li>Slide Title<\/li>\n<li>Slide Description<\/li>\n<li>Circle Slider<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<style>\n.sf-7-rotating-slider-container-35 *,\n.sf-7-rotating-slider-container-35 *::before,\n.sf-7-rotating-slider-container-35 *::after {\n\tbox-sizing: content-box;\n}\n\ndiv.sf-7-rotating-slider-container-35 {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tfont-family: 'Roboto Slab', sans-serif;\n\tfont-weight: 300;\n\toverflow: hidden;\n\twidth: 100%;\n\theight: 320px;\n}\n\n.sf-7-rotating-slider ul.slides li {\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n}\n\n.sf-7-rotating-slider ul.slides li .inner {\n\tbox-sizing: border-box;\n\tpadding-left: 2em;\n\tpadding-right: 2em;\n\theight: 100%;\n\twidth: 100%;\n\tword-wrap: break-word;\n}\n\n.sf-7-rotating-slider ul.slides li .inner .sf-7-title {\n\tfont-size: 32px;\n\tcolor: #eeeeee;\n\ttext-shadow: 1px 1px #616161;\n}\n\n.sf-7-rotating-slider ul.slides li .inner .sf-7-desc {\n\tfont-size: 16px;\n\tcolor: #eeeeee;\n\ttext-shadow: 1px 1px #616161;\n\tmargin-bottom: 0; \n}\n\n.sf-7-rotating-slider ul.slides li .inner .sf-7-button1 {\n\tbackground-color: #F1F1F1; \n\tcolor: black;\n\tborder: none; \n\tcursor: pointer; \n\tborder-radius: 4px; \n\ttext-align: center; \n\tpadding: 6px 16px; \n\tmargin-top: 10px;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\ttransition: all .3s;\n}\n\n.sf-7-rotating-slider ul.slides li .inner .sf-7-button1:hover {\n\tbackground-color: #3E3D3D; \n\tcolor: white; \n}\n<\/style>\n\n<!-- slider start-->\n<div class=\"sf-7-rotating-slider-container-35\">\n\t<div class=\"sf-7-rotating-slider\">\n\t\t<ul class=\"slides\">\n\t\t\t\t\t\t\t<li style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/pexels-photo-949224.jpeg');\" role=\"img\" aria-label=\"\" title=\"\">\n\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t<div class=\"sf-7-title\"><\/div>\t<!-- Slide Title -->\n\t\t\t\t\t\t\t<div class=\"sf-7-desc\"><\/div>\t<!-- Slide Desc -->\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/pexels-photo-2892187.jpeg');\" role=\"img\" aria-label=\"\" title=\"\">\n\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t<div class=\"sf-7-title\"><\/div>\t<!-- Slide Title -->\n\t\t\t\t\t\t\t<div class=\"sf-7-desc\"><\/div>\t<!-- Slide Desc -->\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Photo-Curtesy-of-MinKey-Photography-at-Flickr-e1544073061224.jpg');\" role=\"img\" aria-label=\"\" title=\"\">\n\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t<div class=\"sf-7-title\">Happiness Boost<\/div>\t<!-- Slide Title -->\n\t\t\t\t\t\t\t<div class=\"sf-7-desc\"><\/div>\t<!-- Slide Desc -->\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/very-beautiful-wedding-amazing-couple-wedding-day_170362-2801.jpg');\" role=\"img\" aria-label=\"\" title=\"\">\n\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t<div class=\"sf-7-title\">Wedding Diaries<\/div>\t<!-- Slide Title -->\n\t\t\t\t\t\t\t<div class=\"sf-7-desc\"><\/div>\t<!-- Slide Desc -->\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/songsong_171106_article_01.jpg');\" role=\"img\" aria-label=\"\" title=\"\">\n\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t<div class=\"sf-7-title\">Newlyweds<\/div>\t<!-- Slide Title -->\n\t\t\t\t\t\t\t<div class=\"sf-7-desc\"><\/div>\t<!-- Slide Desc -->\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/wedding-photography_1803.jpg');\" role=\"img\" aria-label=\"\" title=\"\">\n\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t<div class=\"sf-7-title\">Beautiful Couples<\/div>\t<!-- Slide Title -->\n\t\t\t\t\t\t\t<div class=\"sf-7-desc\"><\/div>\t<!-- Slide Desc -->\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t<\/div>\n<\/div>\n<!-- slider end-->\n\n<script>\njQuery(function(){ \n\tjQuery('.sf-7-rotating-slider').rotatingSlider({\n\t\tautoRotate: true,\n\t\tautoRotateInterval: 3000,\n\t\tdraggable: true,\n\t\tdirectionControls: true,\n\t\tdirectionLeftText: '&lsaquo;',\n\t\tdirectionRightText: '&rsaquo;',\n\t\trotationSpeed: 1500,\n\t\tslideHeight: Math.min(180, window.innerWidth - 80),\n\t\tslideWidth: Math.min(200, window.innerWidth - 80)\n\t});\n});\n<\/script>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;bounceIn&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-7%2F|target:_blank&#8221;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8221;150px&#8221;][vc_row_inner][vc_column_inner][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT EIGHT<\/strong><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<script type=\"text\/javascript\">\njQuery(document).ready(function() {\n\tjQuery(function(){\n\t\tjQuery('.sf-8-36').infiniteslide({\n\t\t\t'responsive': true\t\t});\n\t});\n});\n<\/script>\n<div class=\"infiniteslide sf-8-36\">\n\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-36\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-8-content descdiv\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-8-title\">\n\t\t\t\t\t\t\tColorful Drinks\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img class=\"sf_8_img-36\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/pexels-george-desipris-1028637-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-36\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-8-content descdiv\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-8-title\">\n\t\t\t\t\t\t\tCold Summer Drink\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img class=\"sf_8_img-36\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/pexels-one-shot-2789328-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-36\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-8-content descdiv\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-8-title\">\n\t\t\t\t\t\t\tDrinks\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img class=\"sf_8_img-36\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/pexels-ahmad-syahrir-605408-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-36\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-8-content descdiv\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-8-title\">\n\t\t\t\t\t\t\tSusanne Jutzeler\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img class=\"sf_8_img-36\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/pexels-susanne-jutzeler-1233319-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-36\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-8-content descdiv\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-8-title\">\n\t\t\t\t\t\t\tLime Drink\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img class=\"sf_8_img-36\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/pexels-photomix-company-96974-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n<style>\n.sf-8-36 {\n\tmax-width: 100%;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.sf-8-36 div.infiniteslide_wrap {\n\twidth: 350px;\n\tmax-width: 100%;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\toverflow: hidden;\n}\n\n.sf_8_margin-36 {\n\tmargin-right: 1%;\n}\n\n.sf-8-36 .scroll_item {\n\tposition: relative;\n\toverflow: hidden;\n\theight: 300px;\n}\n\n.sf-8-36 .descdiv {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\twidth: 100%;\n\tmax-height: 55%;\n\toverflow: hidden;\n\topacity: 0;\n\tcolor: #fff;\n\tpadding: 10px 14px;\n\tbackground: rgba(0,0,0,0.65);\n\ttransition: opacity 0.4s ease;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n\tword-wrap: break-word;\n\toverflow-wrap: break-word;\n}\n\n.sf-8-36 .scroll_item:hover .descdiv {\n\topacity: 1;\n}\n\n.sf-8-36 .descdiv .sf-8-title {\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tline-height: 1.3;\n\tmargin-bottom: 2px;\n}\n\n.sf-8-36 .descdiv .sf-8-desc {\n\tmargin-top: 4px;\n\tmargin-bottom: 4px;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n.sf-8-36 .scroll_item > div:last-child {\n\theight: 300px;\n}\n\n.sf_8_img-36 {\n\tdisplay: block;\n\theight: 300px;\n\twidth: auto;\n\tmax-width: none;\n\tobject-fit: cover;\n}\n<\/style>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;]<\/p>\n<h2>\u00a0 <strong><span style=\"color: #b83d7a;\">Features<\/span><\/strong><\/h2>\n<div>\n<ul>\n<li>Auto Play On\/Off Slide Show<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Navigation Arrows<\/li>\n<li>Slide Title<\/li>\n<li>Slide Description<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;none&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-8%2F|target:_blank&#8221;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8221;150px&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1612523050855{background-color: #ffffff !important;}&#8221;][vc_column][vc_column_text css_animation=&#8221;none&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT NINE<\/strong><\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;none&#8221;]<\/p>\n<h2>\u00a0 <strong><span style=\"color: #b83d7a;\">Features<\/span><\/strong><\/h2>\n<div>\n<ul>\n<li>Auto Play On\/Off Slide Show<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Navigation Arrows<\/li>\n<li>Slide Title<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;none&#8221;]<div id=\"sf-9-37\" class=\"sf-9-container-37\">\n\t<div class=\"fullscreen-container-37 hidden-37\">\n\t\t<div class='fullscreen-div-37'>\n\t\t\t<img decoding=\"async\" class=\"remove-fullscreen-37\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/plugins\/slider-factory\/layouts\/assets\/9\/icons\/remove_icon.webp\" width=\"30\" \/>\n\t\t<\/div>\n\t<\/div>\n\n\t<div id=\"sf-9-gallery-37\">\n\t\t<div id=\"slide-37\">\n\t\t\t<div class=\"counter-37\"><\/div>\n\t\t\t<a class=\"prev-37\">&#x2039;<\/a>\n\t\t\t<a class=\"next-37\">&#x203A;<\/a>\n\t\t\t\t\t\t<img decoding=\"async\" class=\"toggleDiapo-37\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/plugins\/slider-factory\/layouts\/assets\/9\/icons\/pause_diapo.png\" width=\"24\" \/>\n\t\t\t\t\t\t\n\t\t\t<div class=\"fullscreen-37\"><\/div>\n\t\t\t<img id='preview-37' \/>\n\t\t<\/div>\n\n\t\t<div class=\"caption-container-37\">\n\t\t\t<span id=\"caption-37\"><\/span>\n\t\t<\/div>\n\n\t\t<div id=\"thumbnails\" class=\"sf-9-thumbnails-wrap-37\">\n\t\t\t<div class=\"wrapper-37\">\n\t\t\t\t\t\t\t\t\t\t<img class=\"thumbnail-37\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Berries.jpg\" alt=\"Berries\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img class=\"thumbnail-37\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/front-view-basket-with-peaches.jpg\" alt=\"Peaches\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img class=\"thumbnail-37\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/frozen-berries-black-currant-red-currant-raspberry-blueberry-top-view-vintage-ceramic-white-bowl-rustic-wooden-table-isolated_346278-775.jpg\" alt=\"Frozen Berries\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img class=\"thumbnail-37\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/nuts.jpg\" alt=\"Nuts\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img class=\"thumbnail-37\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/pineapple-colored-paper-headphones_93675-17270.jpg\" alt=\"Pineapple\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<style>\n#sf-9-37,\n#sf-9-37 * {\n\tbox-sizing: border-box;\n}\n\n#sf-9-37 {\n\twidth: 500px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.caption-container-37 {\n\tbackground-color: #252525;\n\ttext-align: center;\n\tpadding: 6px 8px;\n\tcolor: #ffffff;\n\twidth: 100%;\n}\n\n.sf-9-thumbnails-wrap-37 {\n\ttext-align: center;\n\twhite-space: nowrap;\n\theight: 20%;\n\twidth: 100%;\n\t\tdisplay: block;\n\t}\n\n.wrapper-37 {\n\tposition: relative;\n\toverflow: scroll;\n\tscroll-behavior: smooth;\n\twidth: 100%;\n\t-ms-overflow-style: none;\n}\n\n.wrapper-37::-webkit-scrollbar {\n\tdisplay: none;\n}\n\n#slide-37 {\n\tposition: relative;\n\toverflow: hidden;\n}\n\n#preview-37 {\n\theight: 300px;\n\twidth: 100%;\n\tobject-fit: cover;\n}\n\n.thumbnail-37 {\n\twidth: 170px;\n\theight: 100px;\n\topacity: 0.5;\n\tdisplay: inline-block;\n\tobject-fit: cover;\n\tcursor: pointer;\n}\n\n.selected-37 {\n\topacity: 1;\n}\n\n.thumbnail-37:hover {\n\topacity: 1;\n}\n\n#sf-9-gallery-37 {\n\twidth: 100%;\n\tmargin: auto;\n\tpadding: auto;\n}\n\n#sf-9-37 a.prev-37,\n#sf-9-37 a.next-37 {\n\tcursor: pointer;\n\tposition: absolute;\n\ttop: 50%;\n\twidth: auto;\n\tpadding: 12px 16px;\n\ttransform: translateY(-50%);\n\tcolor: #ffffff;\n\tfont-weight: bold;\n\tfont-size: 40px;\n\tborder-radius: 3px;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttext-decoration: none;\n\tbox-shadow: none;\n\tborder-bottom: none;\n}\n\n.next-37 {\n\tright: 0;\n}\n\n.prev-37 {\n\tleft: 0;\n}\n\n.toggleDiapo-37 {\n\tposition: absolute;\n\tbottom: 15px;\n\tleft: 50%;\n\ttransform: translateX(-50%);\n\tcursor: pointer;\n\tpadding: 5px;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.fullscreen-37 {\n\tposition: absolute;\n\ttop: 15px;\n\tright: 15px;\n\twidth: 20px;\n\theight: 20px;\n\tcursor: pointer;\n\tuser-select: none;\n\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'\/%3E%3C\/svg%3E\");\n\tbackground-size: contain;\n\tbackground-repeat: no-repeat;\n\ttransition: opacity 0.2s ease;\n}\n\n.fullscreen-37:hover {\n\topacity: 0.8;\n}\n\n.prev-37:hover,\n.next-37:hover,\n.toggleDiapo-37:hover {\n\tbackground-color: rgba(0, 0, 0, 0.8);\n}\n\n.counter-37 {\n\tposition: absolute;\n\tborder-radius: 50%;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 36px;\n\theight: 36px;\n\ttop: 15px;\n\tleft: 15px;\n\tbackground-color: #252525;\n\tcolor: #ffffff;\n\tborder: 1px solid #ffffff;\n\tfont-family: system-ui, -apple-system, sans-serif;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\n.fullscreen-container-37 {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n\tz-index: 10;\n\tbackground-color: rgba(0, 0, 0, 0.9);\n\tdisplay: block;\n}\n\n.fullscreen-div-37 {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: block;\n\tmargin: auto;\n\tposition: relative;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tbox-sizing: content-box;\n}\n\n.hidden-37 {\n\tdisplay: none;\n}\n\n.counter-37,\n.fullscreen-37,\n.prev-37,\n.next-37,\n.toggleDiapo-37 {\n\tz-index: 5;\n}\n\n.remove-fullscreen-37 {\n\tposition: absolute;\n\ttop: 15px;\n\tright: 15px;\n\tcursor: pointer;\n}\n\n.remove-fullscreen-37:hover {\n\tbackground-color: rgba(0, 0, 0, 0.8);\n}\n\n<\/style>\n<script>\nwindow.myNameSpace = window.myNameSpace || {};\n\njQuery(function () {\n\n\t\/\/ load images\n\tjQuery.fn.addImage = function (filename, description) {\n\t\tvar img = document.createElement('img');\n\t\timg.src = \"images\/\" + filename;\n\t\timg.alt = description;\n\t\timg.className = \"thumbnail-37\";\n\t\tjQuery(this).append(img);\n\t}\n\n\t\/\/ check if element is hidden after scrollbar\n\tjQuery.fn.overflown = function () {\n\t\tvar limitLeft = jQuery('.wrapper-37').offset().left;\n\t\tvar limitRight = limitLeft + jQuery('.wrapper-37').width();\n\t\tvar elemOffsetLeft = jQuery(this[0]).offset().left;\n\t\tvar elemOffsetRight = elemOffsetLeft + jQuery(this[0]).width() \/ 2;\n\t\treturn (elemOffsetRight > limitRight || elemOffsetLeft < limitLeft) ? true : false;\n\t}\n\n\t\/\/ scroll to the end of element\n\tfunction scrollToElement(el, direction) {\n\t\telement_width = el.width();\n\t\tscroll_left = jQuery('.wrapper-37')[0].scrollLeft;\n\t\tif (direction == 'next')\n\t\t\tjQuery('.wrapper-37')[0].scrollTo(scroll_left + element_width, 0);\n\t\telse if (direction == 'prev')\n\t\t\tjQuery('.wrapper-37')[0].scrollTo(scroll_left - element_width, 0);\n\t}\n\n\tfunction showNextImg() {\n\t\tclearInterval(interv);\n\t\t\n\t\tinterv = setInterval(showNextImg, 3000);\n\t\t\n\t\tvar el = jQuery('.selected-37');\n\t\tvar counter = jQuery('.counter-37');\n\t\tif (el.next().length != 0) {\n\t\t\tcounter.text(el.index() + 1);\n\t\t\tif (el.next().overflown())\n\t\t\t\tscrollToElement(el, 'next');\n\t\t\tel.next().trigger('click');\n\t\t\tel.show();\n\t\t}\n\t\telse {\n\t\t\tjQuery('.thumbnail-37:first').trigger('click');\n\t\t\tjQuery('.wrapper-37')[0].scrollTo(0, 0);\n\t\t\tcounter.text('1');\n\t\t}\n\t\tjQuery('.toggleDiapo-37').attr('src', \"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/plugins\/slider-factory\/layouts\/assets\/9\/icons\/pause_diapo.png\");\n\t}\n\n\tfunction showPrevImg() {\n\t\tclearInterval(interv);\n\t\t\n\t\tinterv = setInterval(showNextImg, 3000);\n\t\t\n\t\tvar el = jQuery('.selected-37');\n\t\tvar counter = jQuery('.counter-37');\n\t\tif (el.prev().length != 0) {\n\t\t\tcounter.text(el.index() + 1);\n\t\t\tif (el.prev().overflown())\n\t\t\t\tscrollToElement(el, 'prev');\n\t\t\tel.prev().trigger('click');\n\t\t}\n\t\telse {\n\t\t\tjQuery('.thumbnail-37:last').trigger('click');\n\t\t\tjQuery('.wrapper-37')[0].scrollTo(jQuery('.wrapper-37')[0].scrollWidth, 0);\n\t\t\tcounter.text(jQuery('.thumbnail-37:last').index() + 1);\n\t\t}\n\t\tjQuery('.toggleDiapo-37').attr('src', \"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/plugins\/slider-factory\/layouts\/assets\/9\/icons\/pause_diapo.png\");\n\t}\n\n\tfunction previewImg(e) {\n\t\tif (e.originalEvent !== undefined) {\n\t\t\tjQuery('.toggleDiapo-37').attr('src', \"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/plugins\/slider-factory\/layouts\/assets\/9\/icons\/play_diapo.png\");\n\t\t\tinterv = clearInterval(interv);\n\t\t}\n\t\tvar wrapper = jQuery('.wrapper-37');\n\t\tvar index = jQuery(this).index();\n\t\tjQuery('.selected-37').toggleClass('selected-37');\n\t\tjQuery(this).toggleClass('selected-37')\n\t\tjQuery(\"#caption-37\").text(jQuery('.selected-37').attr('alt'));\n\t\tjQuery('.counter-37').text(index + 1);\n\t\tvar src = jQuery(this).attr('src');\n\t\tjQuery('#preview-37').fadeOut(400, () => {\n\t\t\tjQuery('#preview-37').attr('src', src);\n\t\t\tjQuery('#preview-37').fadeIn(400);\n\t\t});\n\t}\n\n\tfunction toggleDiapo() {\n\t\tinterv = (interv != null) ? clearInterval(interv) : setInterval(showNextImg, 3000);\n\t\tvar src = jQuery('.toggleDiapo-37').attr('src');\n\t\tif (src == \"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/plugins\/slider-factory\/layouts\/assets\/9\/icons\/play_diapo.png\")\n\t\t\tjQuery('.toggleDiapo-37').attr('src', \"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/plugins\/slider-factory\/layouts\/assets\/9\/icons\/pause_diapo.png\");\n\t\telse\n\t\t\tjQuery('.toggleDiapo-37').attr('src', \"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/plugins\/slider-factory\/layouts\/assets\/9\/icons\/play_diapo.png\");\n\t}\n\n\tfunction goFullscreen() {\n\t\tjQuery('.toggleDiapo-37').attr('src', \"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/plugins\/slider-factory\/layouts\/assets\/9\/icons\/remove_icon.webp\");\n\t\tinterv = clearInterval(interv);\n\n\t\tvar selected = jQuery('.selected-37').attr('src');\n\t\tvar container = jQuery('.fullscreen-container-37');\n\t\tjQuery('.fullscreen-div-37').css({\n\t\t\t'background-image': 'url(' + selected + ')',\n\t\t\t'background-size': 'contain',\n\t\t\t'background-repeat': 'no-repeat',\n\t\t\t'background-position': 'center'\n\t\t});\n\t\tcontainer.fadeIn('slow');\n\t\tcontainer.on('click', function () {\n\t\t\tjQuery(this).fadeOut('slow');\n\t\t});\n\t}\n\n\t\/\/ show first image\n\tvar first = jQuery('.thumbnail-37:first').toggleClass('selected-37');\n\tjQuery('.counter-37').text('1');\n\tjQuery('#preview-37').attr('src', first.attr('src'));\n\tjQuery(\"#caption-37\").text(first.attr('alt'));\n\t\/\/ start auto diapo\n\tvar interv;\n\t\tinterv = setInterval(showNextImg, 3000);\n\t\t\n\t\/\/ setup event listeners\n\tjQuery('.next-37').on('click', showNextImg);\n\tjQuery('.prev-37').on('click', showPrevImg);\n\tjQuery('.thumbnail-37').on('click', previewImg);\n\tjQuery('.toggleDiapo-37').on('click', toggleDiapo);\n\tjQuery('.fullscreen-37').on('click', goFullscreen);\n\n});\n<\/script>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;none&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-9%2F|target:_blank&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1612523050855{background-color: #ffffff !important;}&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_column_text css_animation=&#8221;none&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT TEN<\/strong><\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;none&#8221;]<\/p>\n<h2>\u00a0 <strong><span style=\"color: #b83d7a;\">Features<\/span><\/strong><\/h2>\n<div>\n<ul>\n<li>FullScreen Slider<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Title<\/li>\n<li>Slide Description<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]\n<div class=\"sf-10-main-container-39\">\n\t<div class=\"sf-10-snap-container-39\">\n\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/cabinet-mock-up-room-dark-blue-floor-wooden-minimal-design-3d-rendering_43151-1759.jpg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Cabinet Mockup<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/pexels-photo-115747-.jpeg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Study Room<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/pexels-photo-245208.jpeg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Furniture<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/pexels-photo-1457842.jpeg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">living Room<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\">Lorem Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t<div class=\"nav-dots-container\">\n\t\t<ul class=\"nav-dots\">\n\t\t\t\t\t\t\t\t<li data-slide-link=\"0\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"1\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"2\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"3\"><\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t<\/div>\n<\/div>\n\n<style>\n.sf-10-main-container-39 {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tfont-family: sans-serif;\n\tbackground: #323232;\n\tposition: relative;\n\theight: 400px;\n\twidth: 100%;\n\toverflow: hidden; \n\tbox-sizing: border-box;\n}\n\n.sf-10-main-container-39 section {\n\tcolor: #ffffff;\n}\n\n.sf-10-snap-container-39 {\n\theight: 100%;\n\toverflow-y: scroll;\n\tscroll-snap-type: y mandatory;\n\t-ms-overflow-style: none;\n\tborder: 15px solid rgba(0, 0, 0, 0); \n\tbox-sizing: border-box;\n}\n\n.sf-10-snap-container-39::-webkit-scrollbar {\n\tdisplay: none; \n}\n\n.sf-10-snap-container-39 section {\n\theight: 100%;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\tbackground-position: center center;\n\tbackground-size: cover;\n\tbackground-repeat: no-repeat;\n\tposition: relative;\n\tbackground-color: rgba(0, 0, 0, 0.5);\n\t-webkit-transition: opacity 2s ease;\n\t-moz-transition: opacity 2s ease;\n\t-ms-transition: opacity 2s ease;\n\t-o-transition: opacity 2s ease;\n\ttransition: opacity 2s ease;\n\tmargin: 0;\n\tscroll-snap-align: start;\n\tscroll-snap-stop: always;\n\tpadding: 30px; \n}\n\n.sf-10-snap-container-39 section::before {\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tmargin: auto;\n\tcontent: '';\n\tposition: absolute;\n\tdisplay: inline-block;\n\theight: 100%;\n\twidth: 100%;\n\tbackground-image: inherit;\n\tbackground-position: center center;\n\tbackground-size: cover;\n\tbackground-repeat: no-repeat;\n\t-webkit-transition: opacity 2s ease;\n\t-moz-transition: opacity 2s ease;\n\t-ms-transition: opacity 2s ease;\n\t-o-transition: opacity 2s ease;\n\ttransition: opacity 2s ease;\n\topacity: 0.25;\n\tz-index: -1; \n}\n\n.sf-10-snap-container-39 section.active {\n\tbackground-color: rgba(0, 0, 0, 0); \n}\n\n.sf-10-snap-container-39 section.active::before {\n\topacity: 1; \n}\n\n.sf-10-snap-container-39 section:first-child {\n\tmargin-top: 0; \n}\n\n.sf-10-snap-container-39 section:last-of-type {\n\tmargin-bottom: 0; \n}\n\n.sf-10-snap-container-39 section .content {\n\tmargin-top: 0vh; \n}\n\n.sf-10-snap-container-39 section .content .sf-10-title {\n\tfont-size: 24px;\n\tfont-weight: bold;\n\tdisplay: block;\n\tpadding: 10px;\n\tcolor: #ffffff;\n}\n\n.sf-10-snap-container-39 section .content .sf-10-desc {\n\tfont-size: 16px;\n\tdisplay: block;\n\tpadding: 10px;\n\tcolor: #ffffff;\n}\n\n.sf-10-main-container-39 section .content .sf-10-bttns {\n\tbackground-color: #F1F1F1; \n\tcolor: #000000; \n\tborder: 1px solid rgba(255, 255, 255, 0.15); \n\tcursor: pointer; \n\tborder-radius: 2px; \n\ttext-align: center; \n\tpadding: 8px 22px; \n\tmargin-left: 10px;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\ttext-transform: uppercase;\n\tletter-spacing: 0.8px;\n\ttransition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n\n.sf-10-main-container-39 section .content .sf-10-bttns:hover {\n\topacity: 0.9;\n\ttransform: translateY(-1px);\n\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);\n}\n\n.sf-10-main-container-39 .nav-dots-container {\n\tposition: absolute;\n\ttop: 50%;\n\tright: 40px;\n\ttransform: translateY(-50%);\n\theight: 160px;\n\twidth: 40px;\n\toverflow: hidden;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tz-index: 10;\n}\n\n.sf-10-main-container-39 .nav-dots {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 0;\n\tmargin: 0;\n\tlist-style-type: none;\n\ttransition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n\talign-items: center;\n}\n\n.sf-10-main-container-39 .nav-dots li {\n\tdisplay: block;\n\tmargin: 6px auto;\n\tbackground: #323232;\n\tborder-radius: 50%;\n\twidth: 10px;\n\theight: 10px; \n\tmin-width: 10px;\n\tmin-height: 10px;\n\tflex-shrink: 0;\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\ttransition: transform 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;\n\ttransform: scale(0.6);\n\topacity: 0.5;\n}\n\n.sf-10-main-container-39 .nav-dots li.active {\n\tbackground-color: #ffffff;\n\ttransform: scale(1.3);\n\topacity: 1;\n}\n\n.sf-10-main-container-39 .nav-dots li.adjacent-1 {\n\ttransform: scale(0.9);\n\topacity: 0.8;\n}\n\n.sf-10-main-container-39 .nav-dots li.adjacent-2 {\n\ttransform: scale(0.6);\n\topacity: 0.6;\n}\n\n<\/style>\n\n<script>\nvar isAnimating39 = false;\n\nfunction updateNavDots39(activeIndex) {\n\tvar $dots = jQuery(\".sf-10-main-container-39 li\");\n\t$dots.removeClass(\"active adjacent-1 adjacent-2\");\n\t\n\tvar $activeDot = $dots.eq(activeIndex);\n\t$activeDot.addClass(\"active\");\n\t\n\tif (activeIndex > 0) {\n\t\t$dots.eq(activeIndex - 1).addClass(\"adjacent-1\");\n\t}\n\tif (activeIndex > 1) {\n\t\t$dots.eq(activeIndex - 2).addClass(\"adjacent-2\");\n\t}\n\tif (activeIndex < $dots.length - 1) {\n\t\t$dots.eq(activeIndex + 1).addClass(\"adjacent-1\");\n\t}\n\tif (activeIndex < $dots.length - 2) {\n\t\t$dots.eq(activeIndex + 2).addClass(\"adjacent-2\");\n\t}\n\t\n\tvar dotHeight = 22;\n\tvar containerHeight = 160;\n\tvar translateY = (containerHeight \/ 2) - (activeIndex * dotHeight + (dotHeight \/ 2));\n\t\n\tjQuery(\".sf-10-main-container-39 .nav-dots\").css(\n\t\t\"transform\", \"translateY(\" + translateY + \"px)\"\n\t);\n}\n\njQuery(document).ready((function() {\n\tjQuery(\".sf-10-snap-container-39 section:nth-child(1)\").addClass(\"active\");\n\tupdateNavDots39(0);\n}));\n\njQuery(\".sf-10-snap-container-39\").scroll((function() {\n\tif (isAnimating39) return;\n\t\n\tvar $container = jQuery(this);\n\tvar containerHeight = $container.height();\n\tvar viewportCenter = containerHeight \/ 2;\n\t\n\tvar activeIndex = 0;\n\tvar minDistance = Infinity;\n\t\n\tvar $sections = $container.find(\"section\");\n\t$sections.each(function(index) {\n\t\tvar sectionCenterInViewport = jQuery(this).position().top + jQuery(this).outerHeight() \/ 2;\n\t\tvar distance = Math.abs(viewportCenter - sectionCenterInViewport);\n\t\tif (distance < minDistance) {\n\t\t\tminDistance = distance;\n\t\t\tactiveIndex = index;\n\t\t}\n\t});\n\t\n\t$sections.removeClass(\"active\");\n\t$sections.eq(activeIndex).addClass(\"active\");\n\t\n\tupdateNavDots39(activeIndex);\n})); \n\njQuery(\".sf-10-main-container-39 li\").click((function() {\n\tif (isAnimating39) return;\n\t\n\tvar index = jQuery(this).attr(\"data-slide-link\");\n\tvar $container = jQuery(\".sf-10-snap-container-39\");\n\tvar $section = $container.find(\"section\").eq(index);\n\tif ($section.length) {\n\t\tisAnimating39 = true;\n\t\t\n\t\tupdateNavDots39(parseInt(index));\n\t\t\n\t\tvar currentScrollTop = $container.scrollTop();\n\t\tvar sectionTop = $section.position().top;\n\t\tvar targetScrollTop = currentScrollTop + sectionTop;\n\t\t\n\t\t$container.css(\"scroll-snap-type\", \"none\");\n\t\t\n\t\t$container.animate({\n\t\t\tscrollTop: targetScrollTop\n\t\t}, 1000, function() {\n\t\t\t$container.css(\"scroll-snap-type\", \"y mandatory\");\n\t\t\tisAnimating39 = false;\n\t\t});\n\t}\n}));\n<\/script>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;none&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-10%2F|target:_blank&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1612523050855{background-color: #ffffff !important;}&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_column_text css_animation=&#8221;none&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT ELEVEN<\/strong><\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;none&#8221;]<\/p>\n<h2>\u00a0 <strong><span style=\"color: #b83d7a;\">Features<\/span><\/strong><\/h2>\n<div>\n<ul>\n<li>Porduct Slider<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Slide Title<\/li>\n<li>Slide Description<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]<div class=\"sf-11-40\">\n\t<section id=\"ps-container-40\" class=\"ps-container-40\">\n\n\t\t<div class=\"ps-header-40\">\n\t\t\t<h1><\/h1>\n\t\t<\/div>\n\t\t<!-- \/ps-header -->\n\n\t\t<div class=\"ps-contentwrapper-40\">\n\t\t\t\t\t\t\t<div class=\"ps-content-40\">\n\t\t\t\t\t<h2>Living Room Interior <\/h2>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"ps-price-40\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<p>Browse Living room decorating ideas and layouts. Discover design inspiration from a variety of bedrooms, including color, decor and theme options.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ps-content-40\">\n\t\t\t\t\t<h2>Bedroom Interior<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"ps-price-40\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<p>Browse bedroom decorating ideas and layouts. Discover design inspiration from a variety of bedrooms, including color, decor and theme options.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ps-content-40\">\n\t\t\t\t\t<h2>Drawing Room Interior <\/h2>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"ps-price-40\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<p>Browse Drawing Room decorating ideas and layouts. Discover design inspiration from a variety of bedrooms, including color, decor and theme options.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<!-- \/ps-contentwrapper -->\n\n\t\t<!-- loop again here for images -->\n\t\t<div class=\"ps-slidewrapper-40\">\n\t\t\t<div class=\"ps-slides-40\">\n\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/pexels-photo-4138152.jpeg);\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/pexels-photo-1454806.jpeg);\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/pexels-photo-1643383.jpeg);\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<nav>\n\t\t\t\t<a href=\"#\" class=\"ps-prev-40\"><\/a>\n\t\t\t\t<a href=\"#\" class=\"ps-next-40\"><\/a>\n\t\t\t<\/nav>\n\t\t<\/div>\n\t\t<!-- \/ps-slidewrapper -->\n\n\t<\/section>\n\t<!-- \/ps-container -->\n<\/div>\n<style>\n.sf-11-40{\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth:650px;\n\theight:500px;\n}\n.ps-container-40 {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n\tcolor: #555;\n\tbackground: #fafafa;\n}\n.ps-container-40 > div {\n\tposition: absolute;\n\twidth: 50%;\n}\n.ps-container-40 > div > div,\n.ps-slidewrapper-40 > nav,\n.ps-slides-40 > div {\n\tposition: absolute;\n}\n.ps-header-40 {\n\ttop: 0px;\n\tleft: 0px;\n\theight: 150px;\n\tz-index: 1001;\n\tbackground: #fff;\n}\n.ps-header-40 h1 {\n\tcolor: #ccc;\n\tline-height: 150px;\n\tmargin: 0;\n\tpadding: 0 50px;\n\tfont-weight: 200;\n\tfont-size: 14px;\n\tletter-spacing: 10px;\n}\n.ps-contentwrapper-40 {\n\ttop: 150px;\n\tbottom: 0px;\n\toverflow: hidden;\n\tz-index: 1000;\n}\n.ps-content-40 {\n\tbackground: #fff;\n\twidth: 100%;\n\theight: 100%;\n\tpointer-events: none;\n\topacity: 0;\n\ttransition: opacity 0.3s ease;\n}\n.ps-content-40.ps-active-40 {\n\tpointer-events: auto;\n\topacity: 1;\n\tz-index: 999;\n}\n.ps-content-40 h2 {\n\tpadding: 10px 15px;\n\tborder-right: 1px solid #f2f2f2;\n\tborder-bottom: 1px solid #f2f2f2;\n\tletter-spacing: 4px;\n\tmargin: 10px 0 30px;\n\ttext-align: right;\n\tfont-weight: 700;\n}\n.ps-content-40 p {\n\tline-height: 26px;\n\tfont-size: 12px;\n\tletter-spacing: 1px;\n\tword-spacing: 0px;\n\tpadding: 10px 15px;\n\tfont-weight: 400;\n\ttext-align: justify;\n\tborder-left: 1px solid #f2f2f2;\n\tborder-top: 1px solid #f2f2f2;\n}\n.ps-content-40 span.ps-price-40 {\n\tfloat: left;\n\tmargin: 10px;\n\twidth: auto;\n\theight: auto;\n\tline-height: 140px;\n\ttext-align: center;\n\tcolor: #fff;\n\tbackground: #f7cfc6;\n\tbackground: rgba(247,197,185,0.8);\n\tfont-size: 40px;\n\tfont-weight: 200;\n\tpadding: 0 10px 0 10px;\n}\n.ps-content-40 a.ps-price-link-40 {\n\tdisplay: inline-block;\n\tfloat: left;\n\ttext-decoration: none;\n\tcursor: pointer;\n}\n.ps-content-40 a.ps-buy-link-40 {\n\tfont-size: 14px;\n\tfont-weight: 700;\n\tcolor: #555;\n\tletter-spacing: 4px;\n\tfloat: right;\n\tborder: 3px solid #555;\n\tpadding: 3px;\n\ttext-indent: 4px;\n\tmargin-right: 15px;\n\tcursor: pointer;\n\ttext-decoration: none;\n}\n.no-touch .ps-content-40 a.ps-buy-link-40:hover {\n\tcolor: #b2d79d;\n\tborder-color: #b2d79d;\n}\n.ps-slidewrapper-40 {\n\tright: 0px;\n\ttop: 0px;\n\theight: 100%;\n\toverflow: hidden;\n}\n.ps-slides-40 {\n\ttop: 0px;\n\tbottom: 200px;\n\twidth: 100%;\n}\n.ps-slides-40 > div {\n\twidth: 100%;\n\theight: 100%;\n\tbox-shadow: inset 0 0 0 9999px rgba(179,157,250,0.1);\n}\n.ps-slidewrapper-40 > nav {\n\twidth: 100%;\n\theight: 200px;\n\tbottom: 0px;\n\tright: 0px;\n\tz-index: 1000;\n}\n.ps-slidewrapper-40 > nav > a {\n\twidth: 50%;\n\theight: 100%;\n\tposition: relative;\n\tfloat: left;\n\tbox-shadow: inset 0 0 0 9999px rgba(207,227,206,0.8);\n\toutline: none;\n}\n.ps-slidewrapper-40 > nav > a:first-child {\n\tbox-shadow: inset 0 0 0 9999px rgba(233,217,141,0.8);\n}\n.no-touch .ps-slidewrapper-40 > nav > a {\n\t-webkit-transition: box-shadow 0.4s ease-in-out;\n\t-moz-transition: box-shadow 0.4s ease-in-out;\n\t-ms-transition: box-shadow 0.4s ease-in-out;\n\t-o-transition: box-shadow 0.4s ease-in-out;\n\ttransition: box-shadow 0.4s ease-in-out;\n}\n.no-touch .ps-slidewrapper-40 > nav > a:hover {\n\tbox-shadow: inset 0 0 0 9999px rgba(246,224,121,0.1);\n}\n.no-touch .ps-slidewrapper-40 > nav > a:first-child:hover {\n\tbox-shadow: inset 0 0 0 9999px rgba(249,15,15,0.1);\n}\n.ps-slidewrapper-40 > nav > a:after {\n\tcontent: '';\n\tposition: absolute;\n\twidth: 100px;\n\theight: 100px;\n\ttop: 50%;\n\tleft: 50%;\n\tmargin: -20px 0 0 -50px;\n\t-webkit-transform: rotate(45deg);\n\t-moz-transform: rotate(45deg);\n\t-o-transform: rotate(45deg);\n\t-ms-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n\tborder-left: 1px solid #fff;\n\tborder-top: 1px solid #fff;\n}\n.ps-slidewrapper-40 > nav > a:first-child:after {\n\t-webkit-transform: rotate(-135deg);\n\t-moz-transform: rotate(-135deg);\n\t-o-transform: rotate(-135deg);\n\t-ms-transform: rotate(-135deg);\n\ttransform: rotate(-135deg);\n\tmargin: -80px 0 0 -50px;\n}\n.ps-slides-40 > div,\n.ps-slidewrapper-40 > nav > a {\n\tbackground-color: #fff;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n}\n.ps-move-40 {\n\t-webkit-transition: top 400ms ease-out;\n\t-moz-transition: top 400ms ease-out;\n\t-o-transition: top 400ms ease-out;\n\t-ms-transition: top 400ms ease-out;\n\ttransition: top 400ms ease-out;\n}\n@media screen and (max-width: 860px) {\n\t.js .ps-container-40 > div {\n\t\twidth: 100%;\n\t}\n\t.js .ps-header-40 {\n\t\theight: 50px;\n\t}\n\t.js .ps-header-40 h1 {\n\t\tline-height: 50px;\n\t\tpadding: 0px 20px;\n\t\tletter-spacing: 4px;\n\t}\n\t.js .ps-slides-40 {\n\t\tbottom: 320px;\n\t\ttop: 50px;\n\t}\n\t.js .ps-slidewrapper-40 > nav {\n\t\theight: 100px;\n\t}\n\t.js .ps-contentwrapper-40 {\n\t\ttop: auto;\n\t\theight: 220px;\n\t\tbottom: 100px;\n\t}\n\t.js .ps-content-40 {\n\t\tpadding: 10px;\n\t}\n\t.js .ps-content-40 h2 {\n\t\tborder-right: none;\n\t\tfont-size: 18px;\n\t\tmargin: 10px 0;\n\t\tpadding-top: 0;\n\t}\n\t.js .ps-content-40 span.ps-price {\n\t\tfont-size: 18px;\n\t\twidth: 50px;\n\t\theight: 50px;\n\t\tline-height: 50px;\n\t\tfont-weight: 700;\n\t\tmargin-bottom: 0;\n\t}\n\t.js .ps-content-40 p {\n\t\tline-height: 20px;\n\t\tborder: none;\n\t\tpadding: 5px 10px;\n\t\theight: 80px;\n\t\toverflow-y: scroll;\n\t}\n\t.js .ps-content-40 a.ps-buy-link-40 {\n\t\tfont-size: 13px;\n\t\tmargin: 10px 20px 0 0;\n\t}\n}\n<\/style>\n<script type=\"text\/javascript\">\nvar Slider_40 = (function() {\n\tvar $container = jQuery( '#ps-container-40' ),\n\t\t$contentwrapper = $container.children( 'div.ps-contentwrapper-40' ),\n\t\t$items = $contentwrapper.children( 'div.ps-content-40' ),\n\t\titemsCount = $items.length,\n\t\t$slidewrapper = $container.children( 'div.ps-slidewrapper-40' ),\n\t\t$slidescontainer = $slidewrapper.find( 'div.ps-slides-40' ),\n\t\t$slides = $slidescontainer.children( 'div' ),\n\t\t$navprev = $slidewrapper.find( 'nav > a.ps-prev-40' ),\n\t\t$navnext = $slidewrapper.find( 'nav > a.ps-next-40' ),\n\t\tcurrent = 0,\n\t\tisAnimating = false,\n\t\tsupport = typeof Modernizr !== 'undefined' ? Modernizr.csstransitions : true,\n\t\ttransEndEventNames = {\n\t\t\t'WebkitTransition' : 'webkitTransitionEnd',\n\t\t\t'MozTransition' : 'transitionend',\n\t\t\t'OTransition' : 'oTransitionEnd',\n\t\t\t'msTransition' : 'MSTransitionEnd',\n\t\t\t'transition' : 'transitionend'\n\t\t},\n\t\ttransEndEventName = (typeof Modernizr !== 'undefined' && Modernizr.prefixed) ? transEndEventNames[ Modernizr.prefixed( 'transition' ) ] : 'transitionend',\n\n\t\tinit = function() {\n\t\t\tvar $currentItem = $items.eq( current ),\n\t\t\t\t$currentSlide = $slides.eq( current ),\n\t\t\t\tinitCSS = {\n\t\t\t\t\ttop : 0,\n\t\t\t\t\tzIndex : 999\n\t\t\t\t};\n\n\t\t\t$items.removeClass('ps-active-40');\n\t\t\t$currentItem.addClass('ps-active-40').css( initCSS );\n\t\t\t$currentSlide.css( initCSS );\n\t\t\tupdateNavImages();\n\t\t\tinitEvents();\n\t\t},\n\t\tupdateNavImages = function() {\n\t\t\tvar configPrev = ( current > 0 ) ? $slides.eq( current - 1 ).css( 'background-image' ) : $slides.eq( itemsCount - 1 ).css( 'background-image' ),\n\t\t\t\tconfigNext = ( current < itemsCount - 1 ) ? $slides.eq( current + 1 ).css( 'background-image' ) : $slides.eq( 0 ).css( 'background-image' );\n\n\t\t\t$navprev.css( 'background-image', configPrev );\n\t\t\t$navnext.css( 'background-image', configNext );\n\t\t},\n\t\tinitEvents = function() {\n\t\t\t$navprev.on( 'click', function( event ) {\n\t\t\t\tif( !isAnimating ) {\n\t\t\t\t\tslide( 'prev' );\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t} );\n\n\t\t\t$navnext.on( 'click', function( event ) {\n\t\t\t\tif( !isAnimating ) {\n\t\t\t\t\tslide( 'next' );\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t} );\n\n\t\t\tif (transEndEventName) {\n\t\t\t\t$items.on( transEndEventName, removeTransition );\n\t\t\t\t$slides.on( transEndEventName, removeTransition );\n\t\t\t}\n\t\t},\n\t\tremoveTransition = function() {\n\t\t\tisAnimating = false;\n\t\t\tjQuery(this).removeClass('ps-move-40');\n\t\t},\n\t\tslide = function( dir ) {\n\t\t\tisAnimating = true;\n\t\t\tvar $currentItem = $items.eq( current ),\n\t\t\t\t$currentSlide = $slides.eq( current );\n\n\t\t\tif( dir === 'next' ) {\n\t\t\t\t( current < itemsCount - 1 ) ? ++current : current = 0;\n\t\t\t} else if( dir === 'prev' ) {\n\t\t\t\t( current > 0 ) ? --current : current = itemsCount - 1;\n\t\t\t}\n\t\t\tvar $newItem = $items.eq( current ),\n\t\t\t\t$newSlide = $slides.eq( current );\n\n\t\t\t$newItem.css( {\n\t\t\t\ttop : ( dir === 'next' ) ? '-100%' : '100%',\n\t\t\t\tzIndex : 999\n\t\t\t} );\n\t\t\t$newSlide.css( {\n\t\t\t\ttop : ( dir === 'next' ) ? '100%' : '-100%',\n\t\t\t\tzIndex : 999\n\t\t\t} );\n\n\t\t\tsetTimeout( function() {\n\t\t\t\t$items.removeClass('ps-active-40');\n\t\t\t\t$newItem.addClass('ps-active-40');\n\n\t\t\t\t$currentItem.addClass( 'ps-move-40' ).css( {\n\t\t\t\t\ttop : ( dir === 'next' ) ? '100%' : '-100%',\n\t\t\t\t\tzIndex : 1\n\t\t\t\t} );\n\n\t\t\t\t$currentSlide.addClass( 'ps-move-40' ).css( {\n\t\t\t\t\ttop : ( dir === 'next' ) ? '-100%' : '100%',\n\t\t\t\t\tzIndex : 1\n\t\t\t\t} );\n\n\t\t\t\t$newItem.addClass( 'ps-move-40' ).css( 'top', 0 );\n\t\t\t\t$newSlide.addClass( 'ps-move-40' ).css( 'top', 0 );\n\n\t\t\t\tif( !support ) {\n\t\t\t\t\tisAnimating = false;\n\t\t\t\t}\n\t\t\t}, 0 );\n\n\t\t\tupdateNavImages();\n\t\t};\n\n\treturn { init : init };\n})();\n\njQuery(function () {\n\tSlider_40.init();\n});\n<\/script>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;none&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-11%2F|target:_blank&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1612523050855{background-color: #ffffff !important;}&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_column_text css_animation=&#8221;none&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>SLIDER LAYOUT TWELVE<\/strong><\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;none&#8221;]<\/p>\n<h2>\u00a0 <strong><span style=\"color: #b83d7a;\">Features<\/span><\/strong><\/h2>\n<div>\n<ul>\n<li>Before After Slider<\/li>\n<li>Custom Slider Width<\/li>\n<li>Custom Slider Height<\/li>\n<li>Responsive Slider<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]<style>\n.sf-12-main-41{\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n\t\theight: auto;\n\t\toverflow: hidden;\n}\n\n.sf-12-main-41 .twentytwenty-container {\n\twidth: 100%;\n\t}\n\n.sf-12-main-41 img {\n\twidth : 100%;\n\t\theight : auto;\n\t}\n\t\n.sf-12-main-41 .twentytwenty-overlay:hover {\n\tbackground: rgba(0, 0, 0, 0); \n}\n\t\n.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n<\/style>\n\n<div class=\"sf-12-main-41\">\n\t<div class=\"sf-12-container-41 twentytwenty-container\">\n\t\t\t\t\t\t\t<!-- The before image is first in first loop -->\n\t\t\t\t\t<img alt=\"\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/beautiful-woman-portrait.jpg\" loading=\"lazy\" decoding=\"async\" \/>\n\t\t\t\t\t<!-- The after image is last in second loop -->\n\t\t\t\t\t\t\t\t\t<!-- The before image is first in first loop -->\n\t\t\t\t\t<img alt=\"\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/beautiful-woman-portrait_144627-27912.jpg\" loading=\"lazy\" decoding=\"async\" \/>\n\t\t\t\t\t<!-- The after image is last in second loop -->\n\t\t\t\t\t<\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\njQuery(document).ready(function() {\t\n\tjQuery(\".sf-12-container-41\").imagesLoaded().done( function() {\n\t\tjQuery(\".sf-12-container-41\").twentytwenty();\n\t\tif (typeof sendHeight === 'function') {\n\t\t\tsendHeight();\n\t\t}\n\t});\n});\n<\/script>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;none&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-12%2F|target:_blank&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1612523050855{background-color: #ffffff !important;}&#8221;][vc_column][vc_empty_space height=&#8221;150px&#8221;][vc_column_text css_animation=&#8221;none&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>Design Beautifull Responsive Image Slider<\/strong><\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1612522932268{background-color: #ffffff !important;}&#8221;][vc_icon icon_fontawesome=&#8221;fas fa-download&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;none&#8221; custom_color=&#8221;#80b655&#8243;][vc_btn title=&#8221;Downlaod Slider Factory&#8221; shape=&#8221;round&#8221; color=&#8221;green&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;none&#8221; link=&#8221;url:https%3A%2F%2Fwordpress.org%2Fplugins%2Fslider-factory%2F|target:_blank&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1612522943707{background-color: #ffffff !important;}&#8221;][vc_icon icon_fontawesome=&#8221;fas fa-desktop&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;none&#8221; custom_color=&#8221;#64b8d0&#8243;][vc_btn title=&#8221;Check Slider Factory Pro Demo&#8221; shape=&#8221;round&#8221; color=&#8221;peacoc&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;none&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fwordpress-plugins%2Fslider-factory-pro%2F|target:_blank&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1612522956899{background-color: #ffffff !important;}&#8221;][vc_icon icon_fontawesome=&#8221;fas fa-shopping-cart&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;none&#8221; custom_color=&#8221;#ff695d&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Faccount%2Fsignup%2Fslider-factory-pro|target:_blank&#8221;][vc_btn title=&#8221;Buy Slider Factory Pro&#8221; shape=&#8221;round&#8221; color=&#8221;danger&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;none&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Faccount%2Fsignup%2Fslider-factory-pro|target:_blank&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text css_animation=&#8221;bounceIn&#8221;] SLIDER LAYOUT ONE [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;][\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bounceIn&#8221;] \u00a0 \u00a0Features Auto Play On\/Off Slide Slow Custom Slider Width Custom Slider Height Slide Navigation Arrow Slider Pagination Dots Slide Title Slide Description Touch Enabled Responsive Slider [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_btn title=&#8221;Check Demo&#8221; shape=&#8221;round&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fas fa-angle-double-right&#8221; css_animation=&#8221;bounceIn&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fdemo%2Fslider-factory-free-wordpress-plugin%2Flayout-1%2F|target:_blank&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_column_text css_animation=&#8221;bounceIn&#8221;] SLIDER LAYOUT TWO [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/comments?post=793"}],"version-history":[{"count":74,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/793\/revisions"}],"predecessor-version":[{"id":1182,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/793\/revisions\/1182"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}