{"id":164,"date":"2014-11-25T09:18:29","date_gmt":"2014-11-25T09:18:29","guid":{"rendered":"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/?page_id=164"},"modified":"2023-11-23T06:30:41","modified_gmt":"2023-11-23T06:30:41","slug":"portfolio-albums","status":"publish","type":"page","link":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/portfolio-albums\/","title":{"rendered":"Portfolio Albums"},"content":{"rendered":"    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n\t        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\n    <style>\n        #rpp_4 a.jp-previous {\n            font-family: Courgette;\n        }\n\n        #rpp_4 a.jp-next {\n            font-family: Courgette;\n        }\n\n        #rpp_4 .owl-prev {\n            font-family: Courgette;\n        }\n\n        #rpp_4 .owl-next {\n            font-family: Courgette;\n        }\n\n        #rpp_4 .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n          border: 1px solid#8c8c8c;\n         border-radius: 50%;\n                }\n\n        #rpp_4 .weblizar-portfolio-gallery a,\n        #rpp_4 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            border-radius: 0px;\n            -webkit-transition: all .55s linear;\n            -moz-transition: all .55s linear;\n            -o-transition: all .55s linear;\n            transition: all .55s linear;\n         border-radius: 50%;\n                }\n\n        #rpp_330 .gal-container .weblizar-portfolio-gallery a img {\n            border-radius: 50% !important;\n        }\n\n        #rpp_4 .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.4)rotate(15deg);\n            -webkit-transform: scale(1.4)rotate(15deg);\n            -o-transform: scale(1.4)rotate(15deg);\n            transform: scale(1.4)rotate(15deg);\n         border-radius: 50%;\n            -webkit-border-radius: 50%;\n            -moz-border-radius: 50%;\n                }\n\n        #rpp_4 .weblizar-portfolio-gallery:hover {\n         border-radius: 50%;\n                }\n\n        #rpp_4 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            width: 100%;\n            height: auto;\n        }\n\n        #rpp_4 .weblizar-portfolio-gallery a {\n            overflow: hidden;\n        }\n\n        #rpp_4 .weblizar-portfolio-gallery a div {\n            position: absolute;\n            background: rgba(255, 66, 14, 0.5);\n            width: 100%;\n            height: 100%;\n            border: 0px solid rgba(0, 0, 0, 0.3);\n         border-radius: 50%;\n         display: flex !important;\n            justify-content: center;\n            align-items: center;\n        }\n\n        #rpp_4 .weblizar-portfolio-gallery a div span {\n            display: block;\n            padding: 10px 0;\n            margin: 20px;\n            text-transform: none;\n            font-weight: normal;\n            text-align: center;\n            color: rgba(255, 255, 255, 0.9);\n            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);\n        }\n\n        @media (min-width: 992px) {\n            #rpp_4 .col-md-6 {\n                width: 49.97% !important;\n            }\n\n            #rpp_4 .col-md-4 {\n                width: 33.30% !important;\n            }\n\n            #rpp_4 .col-md-3 {\n                width: 24.90% !important;\n            }\n        }\n\n        #rpp_4 .col-md-6 {\n            padding: 0px;\n        }\n\n        #rpp_4 .col-md-4 {\n            padding: 0px;\n        }\n\n        #rpp_4 .col-md-3 {\n            padding: 0px;\n        }\n\n        #rpp_4 .weblizar-portfolio-grid li {\n         padding: 10px;\n        \n        }\n\n        #rpp_4 .weblizar-portfolio-grid-page li {\n         padding: 10px;\n                }\n\n        #rpp_4 .owl-carousel .owl-item {\n            padding-top: 5px;\n            padding-bottom: 5px;\n        }\n\n        #rpp_4 .holder a {\n            background: #ff420e;\n        }\n\n        #rpp_4 .owl-theme .owl-dots .owl-dot.active span, #rpp_4 .owl-theme .owl-dots .owl-dot:hover span {\n            background: #ff420e        }\n\n        #rpp_4 .owl-theme .owl-controls .owl-nav [class*=owl-] {\n            color: #fff;\n            background: #ff420e;\n\n        }\n\n        #rpp_4 .owl-theme .owl-dots .owl-dot span {\n            background: #d6d6d6;\n        }\n\n        #rpp_4 .back_button {\n            color: #FFFFFF;\n            background: #31A3DD;\n            -webkit-transition: all ease 0.5s;\n            -moz-transition: all ease 0.5s;\n            transition: all ease 0.5s;\n            border: 4px solid#31A3DD;\n            display: inline-block;\n            font-family: 'RalewaySemiBold';\n            font-size: 16px;\n            line-height: 20px;\n            border-radius: 4px;\n            padding: 9px 18px;\n            text-align: right;\n            text-transform: none;\n            transition: all 0.3s ease 0s;\n            vertical-align: middle;\n            text-decoration: none;\n            box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n        }\n\n        \/*** Album  view **\/\n        .rpp-portfolio-album {\n            padding: 10px !important;\n            cursor: pointer;\n        }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7) !important;\n         border: 0px !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a,\n        .rpp-portfolio-album .weblizar-portfolio-gallery a img {\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.0) rotate(0deg) !important;\n            -webkit-transform: scale(1.0) rotate(0deg) !important;\n            -o-transform: scale(1.0) rotate(0deg) !important;\n            transform: scale(1.0) rotate(0deg) !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover {\n\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a div {\n            background: rgba(0, 116, 162, 0.5) !important;\n            border: 0px solid rgba(0, 0, 0, 0.3) !important;\n         border-radius: 0% !important;\n\n                #rpp_4 .icon-resize-full:before {\n            content: \"\\f065\";\n            display: none !important;\n        }\n\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span {\n            background-color: #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:after {\n            border-color: #f80000 transparent#f80000 #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:before {\n            border-left-color: #f80000;\n            border-top-color: #f80000;\n        }\n\n        #fancybox-loading {\n            display: none !important;\n        }\n\n        \/* 5 column alter Theme CSS conflict  *\/\n        @media (min-width: 992px) {\n            .col-md-5 {\n                width: 19.666667% !important;\n            }\n        }\n\n        .portfolio-gallery-title {\n            font-family: Courgette        }\n\n                  <\/style>\n    <div id=\"rpp_4\" class=\"weblizar-grand-portfolio-wrapper\">\n        <!-- Album View Layout Content ----------------------------------->\n\t\t            <!--get the post id-->\n\t\t\t\t\t\t            <div class=\"col-md-6 rpp-portfolio-album\">\n                <div class=\"weblizar-portfolio-gallery tsc_ribbon_wrap edge\">\n\t\t\t\t\t                        <span class=\"ribbon-wrap left-edge fork lred\"><span>37Images<\/span><\/span>\n\t\t\t\t\t                    <a onclick=\"show_gallery('4')\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"340\" src=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/black_lips_black_nails-wallpaper-1280x720-550x340.jpg\" class=\"attachment-rpggallery_admin_col_md_2 size-rpggallery_admin_col_md_2 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/black_lips_black_nails-wallpaper-1280x720-550x340.jpg 550w, https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/black_lips_black_nails-wallpaper-1280x720-260x160.jpg 260w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/>                        <div><span>Album Gallery With Circle Style 1<br><\/span><\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\t\t\t        <img decoding=\"async\" style=\"display:none\" id=\"loading-album-4\"\n             src=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/plugins\/responsive-portfolio-pro-v6.2\/images\/287.GIF\">\n            <div id=\"show-gallery-output-4\"><\/div>\n\t\t\t\t            <script>\n                function show_gallery(id) {\n                    jQuery('.rpp-portfolio-album').hide();\n                    jQuery('#loading-album-' + id).show();\n                    jQuery.ajax({\n                        type: \"POST\",\n                        url: location.href,\n                        data: {\n                            'action': 'get_portfolio_gallery-' + id,\n                            'id': id,\n                        },\n                        success: function (data) {\n                            data = jQuery(data).find('div#gallery-output-' + id);\n                            jQuery('#loading-album-' + id).hide();\n                            jQuery(\"#show-gallery-output-\" + id).html(data);\n                        }\n                    });\n                }\n\n                function back_to_album(id) {\n                    jQuery('#gallery-output-' + id).remove();\n                    jQuery('.rpp-portfolio-album').show();\n                    jQuery('html, body').animate({\n                        scrollTop: jQuery(\".rpp-portfolio-album\").offset().top\n                    }, 1500);\n                }\n            <\/script>\n\n            <script type=\"text\/javascript\">\n                jQuery(function () {\n                    \/\/ Random\n\t\t\t\t\t                    jQuery(' .rpp-portfolio-album .weblizar-portfolio-gallery ').each(function () {\n                        jQuery(this).hoverdir({\n                            hoverDelay: 0,\n                            inverse: false\n                        });\n                    });\n\t\t\t\t\t\n                    \/\/ Rivert Random\n\t\t\t\t\t\n                    \/\/ Top To Bottom\n\t\t\t\t\t\n                    \/\/ Bottom To Top\n\t\t\t\t\t\n                    \/\/ Right To Left\n\t\t\t\t\t\n                    \/\/ Left To Right\n\t\t\t\t\t\n                });\n            <\/script>\n\t\t        <!-- End Of Grid View Layout Content ----------------------------------->\n    <\/div>\n\t\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n\t        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\n    <style>\n        #rpp_166 a.jp-previous {\n            font-family: Courgette;\n        }\n\n        #rpp_166 a.jp-next {\n            font-family: Courgette;\n        }\n\n        #rpp_166 .owl-prev {\n            font-family: Courgette;\n        }\n\n        #rpp_166 .owl-next {\n            font-family: Courgette;\n        }\n\n        #rpp_166 .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n          border: 2px solid#dd8d8d;\n         border-radius: 50%;\n                }\n\n        #rpp_166 .weblizar-portfolio-gallery a,\n        #rpp_166 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            border-radius: 0px;\n            -webkit-transition: all .55s linear;\n            -moz-transition: all .55s linear;\n            -o-transition: all .55s linear;\n            transition: all .55s linear;\n         border-radius: 50%;\n                }\n\n        #rpp_330 .gal-container .weblizar-portfolio-gallery a img {\n            border-radius: 50% !important;\n        }\n\n        #rpp_166 .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.3)rotate(15deg);\n            -webkit-transform: scale(1.3)rotate(15deg);\n            -o-transform: scale(1.3)rotate(15deg);\n            transform: scale(1.3)rotate(15deg);\n         border-radius: 50%;\n            -webkit-border-radius: 50%;\n            -moz-border-radius: 50%;\n                }\n\n        #rpp_166 .weblizar-portfolio-gallery:hover {\n         border-radius: 50%;\n                }\n\n        #rpp_166 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            width: 100%;\n            height: auto;\n        }\n\n        #rpp_166 .weblizar-portfolio-gallery a {\n            overflow: hidden;\n        }\n\n        #rpp_166 .weblizar-portfolio-gallery a div {\n            position: absolute;\n            background: rgba(221, 51, 51, 0.5);\n            width: 100%;\n            height: 100%;\n            border: 0px solid rgba(0, 0, 0, 0.3);\n         border-radius: 50%;\n         display: flex !important;\n            justify-content: center;\n            align-items: center;\n        }\n\n        #rpp_166 .weblizar-portfolio-gallery a div span {\n            display: block;\n            padding: 10px 0;\n            margin: 20px;\n            text-transform: none;\n            font-weight: normal;\n            text-align: center;\n            color: rgba(255, 255, 255, 0.9);\n            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);\n        }\n\n        @media (min-width: 992px) {\n            #rpp_166 .col-md-6 {\n                width: 49.97% !important;\n            }\n\n            #rpp_166 .col-md-4 {\n                width: 33.30% !important;\n            }\n\n            #rpp_166 .col-md-3 {\n                width: 24.90% !important;\n            }\n        }\n\n        #rpp_166 .col-md-6 {\n            padding: 0px;\n        }\n\n        #rpp_166 .col-md-4 {\n            padding: 0px;\n        }\n\n        #rpp_166 .col-md-3 {\n            padding: 0px;\n        }\n\n        #rpp_166 .weblizar-portfolio-grid li {\n         padding: 10px;\n        \n        }\n\n        #rpp_166 .weblizar-portfolio-grid-page li {\n         padding: 10px;\n                }\n\n        #rpp_166 .owl-carousel .owl-item {\n            padding-top: 5px;\n            padding-bottom: 5px;\n        }\n\n        #rpp_166 .holder a {\n            background: #dd3333;\n        }\n\n        #rpp_166 .owl-theme .owl-dots .owl-dot.active span, #rpp_166 .owl-theme .owl-dots .owl-dot:hover span {\n            background: #dd3333        }\n\n        #rpp_166 .owl-theme .owl-controls .owl-nav [class*=owl-] {\n            color: #fff;\n            background: #dd3333;\n\n        }\n\n        #rpp_166 .owl-theme .owl-dots .owl-dot span {\n            background: #d6d6d6;\n        }\n\n        #rpp_166 .back_button {\n            color: #FFFFFF;\n            background: #31A3DD;\n            -webkit-transition: all ease 0.5s;\n            -moz-transition: all ease 0.5s;\n            transition: all ease 0.5s;\n            border: 4px solid#31A3DD;\n            display: inline-block;\n            font-family: 'RalewaySemiBold';\n            font-size: 16px;\n            line-height: 20px;\n            border-radius: 4px;\n            padding: 9px 18px;\n            text-align: right;\n            text-transform: none;\n            transition: all 0.3s ease 0s;\n            vertical-align: middle;\n            text-decoration: none;\n            box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n        }\n\n        \/*** Album  view **\/\n        .rpp-portfolio-album {\n            padding: 10px !important;\n            cursor: pointer;\n        }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7) !important;\n         border: 0px !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a,\n        .rpp-portfolio-album .weblizar-portfolio-gallery a img {\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.0) rotate(0deg) !important;\n            -webkit-transform: scale(1.0) rotate(0deg) !important;\n            -o-transform: scale(1.0) rotate(0deg) !important;\n            transform: scale(1.0) rotate(0deg) !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover {\n\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a div {\n            background: rgba(0, 116, 162, 0.5) !important;\n            border: 0px solid rgba(0, 0, 0, 0.3) !important;\n         border-radius: 0% !important;\n\n                #rpp_166 .icon-resize-full:before {\n            content: \"\\f065\";\n            display: none !important;\n        }\n\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span {\n            background-color: #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:after {\n            border-color: #f80000 transparent#f80000 #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:before {\n            border-left-color: #f80000;\n            border-top-color: #f80000;\n        }\n\n        #fancybox-loading {\n            display: none !important;\n        }\n\n        \/* 5 column alter Theme CSS conflict  *\/\n        @media (min-width: 992px) {\n            .col-md-5 {\n                width: 19.666667% !important;\n            }\n        }\n\n        .portfolio-gallery-title {\n            font-family: Courgette        }\n\n              <\/style>\n    <div id=\"rpp_166\" class=\"weblizar-grand-portfolio-wrapper\">\n        <!-- Album View Layout Content ----------------------------------->\n\t\t            <!--get the post id-->\n\t\t\t\t\t\t            <div class=\"col-md-6 rpp-portfolio-album\">\n                <div class=\"weblizar-portfolio-gallery tsc_ribbon_wrap edge\">\n\t\t\t\t\t                        <span class=\"ribbon-wrap left-edge fork lred\"><span>30Images<\/span><\/span>\n\t\t\t\t\t                    <a onclick=\"show_gallery('166')\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"340\" src=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/sleeping_beauty_castle_disneyland-wallpaper-1280x720-550x340.jpg\" class=\"attachment-rpggallery_admin_col_md_2 size-rpggallery_admin_col_md_2 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/sleeping_beauty_castle_disneyland-wallpaper-1280x720-550x340.jpg 550w, https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/sleeping_beauty_castle_disneyland-wallpaper-1280x720-260x160.jpg 260w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/>                        <div><span>Album Gallery With Circle Style 2<br><\/span><\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\t\t\t        <img decoding=\"async\" style=\"display:none\" id=\"loading-album-166\"\n             src=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/plugins\/responsive-portfolio-pro-v6.2\/images\/287.GIF\">\n            <div id=\"show-gallery-output-166\"><\/div>\n\t\t\t\t            <script>\n                function show_gallery(id) {\n                    jQuery('.rpp-portfolio-album').hide();\n                    jQuery('#loading-album-' + id).show();\n                    jQuery.ajax({\n                        type: \"POST\",\n                        url: location.href,\n                        data: {\n                            'action': 'get_portfolio_gallery-' + id,\n                            'id': id,\n                        },\n                        success: function (data) {\n                            data = jQuery(data).find('div#gallery-output-' + id);\n                            jQuery('#loading-album-' + id).hide();\n                            jQuery(\"#show-gallery-output-\" + id).html(data);\n                        }\n                    });\n                }\n\n                function back_to_album(id) {\n                    jQuery('#gallery-output-' + id).remove();\n                    jQuery('.rpp-portfolio-album').show();\n                    jQuery('html, body').animate({\n                        scrollTop: jQuery(\".rpp-portfolio-album\").offset().top\n                    }, 1500);\n                }\n            <\/script>\n\n            <script type=\"text\/javascript\">\n                jQuery(function () {\n                    \/\/ Random\n\t\t\t\t\t                    jQuery(' .rpp-portfolio-album .weblizar-portfolio-gallery ').each(function () {\n                        jQuery(this).hoverdir({\n                            hoverDelay: 0,\n                            inverse: false\n                        });\n                    });\n\t\t\t\t\t\n                    \/\/ Rivert Random\n\t\t\t\t\t\n                    \/\/ Top To Bottom\n\t\t\t\t\t\n                    \/\/ Bottom To Top\n\t\t\t\t\t\n                    \/\/ Right To Left\n\t\t\t\t\t\n                    \/\/ Left To Right\n\t\t\t\t\t\n                });\n            <\/script>\n\t\t        <!-- End Of Grid View Layout Content ----------------------------------->\n    <\/div>\n\t\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n\t        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\n    <style>\n        #rpp_168 a.jp-previous {\n            font-family: Courgette;\n        }\n\n        #rpp_168 a.jp-next {\n            font-family: Courgette;\n        }\n\n        #rpp_168 .owl-prev {\n            font-family: Courgette;\n        }\n\n        #rpp_168 .owl-next {\n            font-family: Courgette;\n        }\n\n        #rpp_168 .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n          border: 3px solid#81d742;\n                }\n\n        #rpp_168 .weblizar-portfolio-gallery a,\n        #rpp_168 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            border-radius: 0px;\n            -webkit-transition: all .55s linear;\n            -moz-transition: all .55s linear;\n            -o-transition: all .55s linear;\n            transition: all .55s linear;\n                }\n\n        #rpp_330 .gal-container .weblizar-portfolio-gallery a img {\n            border-radius: 50% !important;\n        }\n\n        #rpp_168 .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.1)rotate(15deg);\n            -webkit-transform: scale(1.1)rotate(15deg);\n            -o-transform: scale(1.1)rotate(15deg);\n            transform: scale(1.1)rotate(15deg);\n                }\n\n        #rpp_168 .weblizar-portfolio-gallery:hover {\n                }\n\n        #rpp_168 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            width: 100%;\n            height: auto;\n        }\n\n        #rpp_168 .weblizar-portfolio-gallery a {\n            overflow: hidden;\n        }\n\n        #rpp_168 .weblizar-portfolio-gallery a div {\n            position: absolute;\n            background: rgba(129, 215, 66, 0.5);\n            width: 100%;\n            height: 100%;\n            border: 0px solid rgba(0, 0, 0, 0.3);\n         display: flex !important;\n            justify-content: center;\n            align-items: center;\n        }\n\n        #rpp_168 .weblizar-portfolio-gallery a div span {\n            display: block;\n            padding: 10px 0;\n            margin: 20px;\n            text-transform: none;\n            font-weight: normal;\n            text-align: center;\n            color: rgba(255, 255, 255, 0.9);\n            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);\n        }\n\n        @media (min-width: 992px) {\n            #rpp_168 .col-md-6 {\n                width: 49.97% !important;\n            }\n\n            #rpp_168 .col-md-4 {\n                width: 33.30% !important;\n            }\n\n            #rpp_168 .col-md-3 {\n                width: 24.90% !important;\n            }\n        }\n\n        #rpp_168 .col-md-6 {\n            padding: 0px;\n        }\n\n        #rpp_168 .col-md-4 {\n            padding: 0px;\n        }\n\n        #rpp_168 .col-md-3 {\n            padding: 0px;\n        }\n\n        #rpp_168 .weblizar-portfolio-grid li {\n         padding: 10px;\n        \n        }\n\n        #rpp_168 .weblizar-portfolio-grid-page li {\n         padding: 10px;\n                }\n\n        #rpp_168 .owl-carousel .owl-item {\n            padding-top: 5px;\n            padding-bottom: 5px;\n        }\n\n        #rpp_168 .holder a {\n            background: #81d742;\n        }\n\n        #rpp_168 .owl-theme .owl-dots .owl-dot.active span, #rpp_168 .owl-theme .owl-dots .owl-dot:hover span {\n            background: #81d742        }\n\n        #rpp_168 .owl-theme .owl-controls .owl-nav [class*=owl-] {\n            color: #fff;\n            background: #81d742;\n\n        }\n\n        #rpp_168 .owl-theme .owl-dots .owl-dot span {\n            background: #d6d6d6;\n        }\n\n        #rpp_168 .back_button {\n            color: #FFFFFF;\n            background: #31A3DD;\n            -webkit-transition: all ease 0.5s;\n            -moz-transition: all ease 0.5s;\n            transition: all ease 0.5s;\n            border: 4px solid#31A3DD;\n            display: inline-block;\n            font-family: 'RalewaySemiBold';\n            font-size: 16px;\n            line-height: 20px;\n            border-radius: 4px;\n            padding: 9px 18px;\n            text-align: right;\n            text-transform: none;\n            transition: all 0.3s ease 0s;\n            vertical-align: middle;\n            text-decoration: none;\n            box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n        }\n\n        \/*** Album  view **\/\n        .rpp-portfolio-album {\n            padding: 10px !important;\n            cursor: pointer;\n        }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7) !important;\n         border: 0px !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a,\n        .rpp-portfolio-album .weblizar-portfolio-gallery a img {\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.0) rotate(0deg) !important;\n            -webkit-transform: scale(1.0) rotate(0deg) !important;\n            -o-transform: scale(1.0) rotate(0deg) !important;\n            transform: scale(1.0) rotate(0deg) !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover {\n\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a div {\n            background: rgba(0, 116, 162, 0.5) !important;\n            border: 0px solid rgba(0, 0, 0, 0.3) !important;\n         border-radius: 0% !important;\n\n                #rpp_168 .icon-resize-full:before {\n            content: \"\\f065\";\n            display: none !important;\n        }\n\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span {\n            background-color: #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:after {\n            border-color: #f80000 transparent#f80000 #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:before {\n            border-left-color: #f80000;\n            border-top-color: #f80000;\n        }\n\n        #fancybox-loading {\n            display: none !important;\n        }\n\n        \/* 5 column alter Theme CSS conflict  *\/\n        @media (min-width: 992px) {\n            .col-md-5 {\n                width: 19.666667% !important;\n            }\n        }\n\n        .portfolio-gallery-title {\n            font-family: Courgette        }\n\n              <\/style>\n    <div id=\"rpp_168\" class=\"weblizar-grand-portfolio-wrapper\">\n        <!-- Album View Layout Content ----------------------------------->\n\t\t            <!--get the post id-->\n\t\t\t\t\t\t            <div class=\"col-md-6 rpp-portfolio-album\">\n                <div class=\"weblizar-portfolio-gallery tsc_ribbon_wrap edge\">\n\t\t\t\t\t                        <span class=\"ribbon-wrap left-edge fork lred\"><span>24Images<\/span><\/span>\n\t\t\t\t\t                    <a onclick=\"show_gallery('168')\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"340\" src=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/bike_trial-wallpaper-1280x7201-550x340.jpg\" class=\"attachment-rpggallery_admin_col_md_2 size-rpggallery_admin_col_md_2 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/bike_trial-wallpaper-1280x7201-550x340.jpg 550w, https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/bike_trial-wallpaper-1280x7201-260x160.jpg 260w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/>                        <div><span>Album Gallery With Rectangle Style 1<br><\/span><\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\t\t\t        <img decoding=\"async\" style=\"display:none\" id=\"loading-album-168\"\n             src=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/plugins\/responsive-portfolio-pro-v6.2\/images\/287.GIF\">\n            <div id=\"show-gallery-output-168\"><\/div>\n\t\t\t\t            <script>\n                function show_gallery(id) {\n                    jQuery('.rpp-portfolio-album').hide();\n                    jQuery('#loading-album-' + id).show();\n                    jQuery.ajax({\n                        type: \"POST\",\n                        url: location.href,\n                        data: {\n                            'action': 'get_portfolio_gallery-' + id,\n                            'id': id,\n                        },\n                        success: function (data) {\n                            data = jQuery(data).find('div#gallery-output-' + id);\n                            jQuery('#loading-album-' + id).hide();\n                            jQuery(\"#show-gallery-output-\" + id).html(data);\n                        }\n                    });\n                }\n\n                function back_to_album(id) {\n                    jQuery('#gallery-output-' + id).remove();\n                    jQuery('.rpp-portfolio-album').show();\n                    jQuery('html, body').animate({\n                        scrollTop: jQuery(\".rpp-portfolio-album\").offset().top\n                    }, 1500);\n                }\n            <\/script>\n\n            <script type=\"text\/javascript\">\n                jQuery(function () {\n                    \/\/ Random\n\t\t\t\t\t                    jQuery(' .rpp-portfolio-album .weblizar-portfolio-gallery ').each(function () {\n                        jQuery(this).hoverdir({\n                            hoverDelay: 0,\n                            inverse: false\n                        });\n                    });\n\t\t\t\t\t\n                    \/\/ Rivert Random\n\t\t\t\t\t\n                    \/\/ Top To Bottom\n\t\t\t\t\t\n                    \/\/ Bottom To Top\n\t\t\t\t\t\n                    \/\/ Right To Left\n\t\t\t\t\t\n                    \/\/ Left To Right\n\t\t\t\t\t\n                });\n            <\/script>\n\t\t        <!-- End Of Grid View Layout Content ----------------------------------->\n    <\/div>\n\t\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n\t        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\n    <style>\n        #rpp_170 a.jp-previous {\n            font-family: Courgette;\n        }\n\n        #rpp_170 a.jp-next {\n            font-family: Courgette;\n        }\n\n        #rpp_170 .owl-prev {\n            font-family: Courgette;\n        }\n\n        #rpp_170 .owl-next {\n            font-family: Courgette;\n        }\n\n        #rpp_170 .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n                 }\n\n        #rpp_170 .weblizar-portfolio-gallery a,\n        #rpp_170 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            border-radius: 0px;\n            -webkit-transition: all .55s linear;\n            -moz-transition: all .55s linear;\n            -o-transition: all .55s linear;\n            transition: all .55s linear;\n                }\n\n        #rpp_330 .gal-container .weblizar-portfolio-gallery a img {\n            border-radius: 50% !important;\n        }\n\n        #rpp_170 .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.1)rotate(15deg);\n            -webkit-transform: scale(1.1)rotate(15deg);\n            -o-transform: scale(1.1)rotate(15deg);\n            transform: scale(1.1)rotate(15deg);\n                }\n\n        #rpp_170 .weblizar-portfolio-gallery:hover {\n                }\n\n        #rpp_170 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            width: 100%;\n            height: auto;\n        }\n\n        #rpp_170 .weblizar-portfolio-gallery a {\n            overflow: hidden;\n        }\n\n        #rpp_170 .weblizar-portfolio-gallery a div {\n            position: absolute;\n            background: rgba(238, 238, 34, 0.5);\n            width: 100%;\n            height: 100%;\n            border: 0px solid rgba(0, 0, 0, 0.3);\n         display: flex !important;\n            justify-content: center;\n            align-items: center;\n        }\n\n        #rpp_170 .weblizar-portfolio-gallery a div span {\n            display: block;\n            padding: 10px 0;\n            margin: 20px;\n            text-transform: none;\n            font-weight: normal;\n            text-align: center;\n            color: rgba(255, 255, 255, 0.9);\n            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);\n        }\n\n        @media (min-width: 992px) {\n            #rpp_170 .col-md-6 {\n                width: 49.97% !important;\n            }\n\n            #rpp_170 .col-md-4 {\n                width: 33.30% !important;\n            }\n\n            #rpp_170 .col-md-3 {\n                width: 24.90% !important;\n            }\n        }\n\n        #rpp_170 .col-md-6 {\n            padding: 0px;\n        }\n\n        #rpp_170 .col-md-4 {\n            padding: 0px;\n        }\n\n        #rpp_170 .col-md-3 {\n            padding: 0px;\n        }\n\n        #rpp_170 .weblizar-portfolio-grid li {\n         padding: 10px;\n        \n        }\n\n        #rpp_170 .weblizar-portfolio-grid-page li {\n         padding: 10px;\n                }\n\n        #rpp_170 .owl-carousel .owl-item {\n            padding-top: 5px;\n            padding-bottom: 5px;\n        }\n\n        #rpp_170 .holder a {\n            background: #eeee22;\n        }\n\n        #rpp_170 .owl-theme .owl-dots .owl-dot.active span, #rpp_170 .owl-theme .owl-dots .owl-dot:hover span {\n            background: #eeee22        }\n\n        #rpp_170 .owl-theme .owl-controls .owl-nav [class*=owl-] {\n            color: #fff;\n            background: #eeee22;\n\n        }\n\n        #rpp_170 .owl-theme .owl-dots .owl-dot span {\n            background: #d6d6d6;\n        }\n\n        #rpp_170 .back_button {\n            color: #FFFFFF;\n            background: #31A3DD;\n            -webkit-transition: all ease 0.5s;\n            -moz-transition: all ease 0.5s;\n            transition: all ease 0.5s;\n            border: 4px solid#31A3DD;\n            display: inline-block;\n            font-family: 'RalewaySemiBold';\n            font-size: 16px;\n            line-height: 20px;\n            border-radius: 4px;\n            padding: 9px 18px;\n            text-align: right;\n            text-transform: none;\n            transition: all 0.3s ease 0s;\n            vertical-align: middle;\n            text-decoration: none;\n            box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n        }\n\n        \/*** Album  view **\/\n        .rpp-portfolio-album {\n            padding: 10px !important;\n            cursor: pointer;\n        }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7) !important;\n         border: 0px !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a,\n        .rpp-portfolio-album .weblizar-portfolio-gallery a img {\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.0) rotate(0deg) !important;\n            -webkit-transform: scale(1.0) rotate(0deg) !important;\n            -o-transform: scale(1.0) rotate(0deg) !important;\n            transform: scale(1.0) rotate(0deg) !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover {\n\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a div {\n            background: rgba(0, 116, 162, 0.5) !important;\n            border: 0px solid rgba(0, 0, 0, 0.3) !important;\n         border-radius: 0% !important;\n\n                #rpp_170 .icon-resize-full:before {\n            content: \"\\f065\";\n            display: none !important;\n        }\n\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span {\n            background-color: #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:after {\n            border-color: #f80000 transparent#f80000 #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:before {\n            border-left-color: #f80000;\n            border-top-color: #f80000;\n        }\n\n        #fancybox-loading {\n            display: none !important;\n        }\n\n        \/* 5 column alter Theme CSS conflict  *\/\n        @media (min-width: 992px) {\n            .col-md-5 {\n                width: 19.666667% !important;\n            }\n        }\n\n        .portfolio-gallery-title {\n            font-family: Courgette        }\n\n              <\/style>\n    <div id=\"rpp_170\" class=\"weblizar-grand-portfolio-wrapper\">\n        <!-- Album View Layout Content ----------------------------------->\n\t\t            <!--get the post id-->\n\t\t\t\t\t\t            <div class=\"col-md-6 rpp-portfolio-album\">\n                <div class=\"weblizar-portfolio-gallery tsc_ribbon_wrap edge\">\n\t\t\t\t\t                        <span class=\"ribbon-wrap left-edge fork lred\"><span>39Images<\/span><\/span>\n\t\t\t\t\t                    <a onclick=\"show_gallery('170')\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"340\" src=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/HALLOWEEN-Video-CHIQUELLE-550x340.jpg\" class=\"attachment-rpggallery_admin_col_md_2 size-rpggallery_admin_col_md_2 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/HALLOWEEN-Video-CHIQUELLE-550x340.jpg 550w, https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/HALLOWEEN-Video-CHIQUELLE-260x160.jpg 260w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/>                        <div><span>Album Gallery With Rectangle Style 2<br><\/span><\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\t\t\t        <img decoding=\"async\" style=\"display:none\" id=\"loading-album-170\"\n             src=\"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/plugins\/responsive-portfolio-pro-v6.2\/images\/287.GIF\">\n            <div id=\"show-gallery-output-170\"><\/div>\n\t\t\t\t            <script>\n                function show_gallery(id) {\n                    jQuery('.rpp-portfolio-album').hide();\n                    jQuery('#loading-album-' + id).show();\n                    jQuery.ajax({\n                        type: \"POST\",\n                        url: location.href,\n                        data: {\n                            'action': 'get_portfolio_gallery-' + id,\n                            'id': id,\n                        },\n                        success: function (data) {\n                            data = jQuery(data).find('div#gallery-output-' + id);\n                            jQuery('#loading-album-' + id).hide();\n                            jQuery(\"#show-gallery-output-\" + id).html(data);\n                        }\n                    });\n                }\n\n                function back_to_album(id) {\n                    jQuery('#gallery-output-' + id).remove();\n                    jQuery('.rpp-portfolio-album').show();\n                    jQuery('html, body').animate({\n                        scrollTop: jQuery(\".rpp-portfolio-album\").offset().top\n                    }, 1500);\n                }\n            <\/script>\n\n            <script type=\"text\/javascript\">\n                jQuery(function () {\n                    \/\/ Random\n\t\t\t\t\t                    jQuery(' .rpp-portfolio-album .weblizar-portfolio-gallery ').each(function () {\n                        jQuery(this).hoverdir({\n                            hoverDelay: 0,\n                            inverse: false\n                        });\n                    });\n\t\t\t\t\t\n                    \/\/ Rivert Random\n\t\t\t\t\t\n                    \/\/ Top To Bottom\n\t\t\t\t\t\n                    \/\/ Bottom To Top\n\t\t\t\t\t\n                    \/\/ Right To Left\n\t\t\t\t\t\n                    \/\/ Left To Right\n\t\t\t\t\t\n                });\n            <\/script>\n\t\t        <!-- End Of Grid View Layout Content ----------------------------------->\n    <\/div>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/comments?post=164"}],"version-history":[{"count":7,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages\/164\/revisions"}],"predecessor-version":[{"id":740,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages\/164\/revisions\/740"}],"wp:attachment":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/media?parent=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}