{"id":618,"date":"2018-06-14T18:14:48","date_gmt":"2018-06-14T18:14:48","guid":{"rendered":"https:\/\/gracethemes.com\/demo\/combine\/?page_id=618"},"modified":"2021-02-05T18:33:24","modified_gmt":"2021-02-05T18:33:24","slug":"photo-gallery","status":"publish","type":"page","link":"http:\/\/www.gracethemesdemo.com\/greenest\/photo-gallery\/","title":{"rendered":"Photo Gallery"},"content":{"rendered":"<p><section id=\"pfhub_portfolio_content_2\" style=\"clear: both\" class=\"portfolio-gallery-content \"\n         data-portfolio-id=\"2\"\n         data-image-behaviour=\"resize\">\n    <div id=\"pfhub_portfolio-container-loading-overlay_2\"><\/div>\n                        <div id=\"pfhub_portfolio_container_2\"\n         data-show-loading=\"on\"\n         data-show-center=\"off\"\n         class=\"pfhub_portfolio_container super-list variable-sizes clearfix view-grid\" >\n                    <div\n                class=\"portelement portelement_2 colorbox_grouping  \" data-symbol=\"Title One\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:06:13<\/p>\n                <p style=\"display:none;\" class=\"number\">9<\/p>\n                <div class=\"default-block_2 lighboxable\" style=\"\">\n                    <div class=\"image-block image-block_2  add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb1.jpg\" data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       class=\"portfolio-group1-2\" title=\"Title One\" data-groupID=\"1-2\">\n                                        <img decoding=\"async\" alt=\"Title One\" data-title=\" blogthumb1\"\n                                             id=\"wd-cl-img0\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb1.jpg\" \/>\n                                    <\/a>\n                                                        <\/div>\n                    <div class=\"title-block title-block_2\">\n                        <h3 title=\"Title One\"\n                            class=\"title name\">Title One<\/h3>\n                        <div class=\"open-close-button\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"wd-portfolio-panel wd-portfolio-panel_2\" id=\"panel0\">\n                                            <div class=\"description-block_2\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <div\n                class=\"portelement portelement_2 colorbox_grouping  \" data-symbol=\"Title Two\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:06:13<\/p>\n                <p style=\"display:none;\" class=\"number\">10<\/p>\n                <div class=\"default-block_2 lighboxable\" style=\"\">\n                    <div class=\"image-block image-block_2  add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb2.jpg\" data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       class=\"portfolio-group2-2\" title=\"Title Two\" data-groupID=\"2-2\">\n                                        <img decoding=\"async\" alt=\"Title Two\" data-title=\" blogthumb2\"\n                                             id=\"wd-cl-img1\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb2.jpg\" \/>\n                                    <\/a>\n                                                        <\/div>\n                    <div class=\"title-block title-block_2\">\n                        <h3 title=\"Title Two\"\n                            class=\"title name\">Title Two<\/h3>\n                        <div class=\"open-close-button\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"wd-portfolio-panel wd-portfolio-panel_2\" id=\"panel1\">\n                                            <div class=\"description-block_2\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <div\n                class=\"portelement portelement_2 colorbox_grouping  \" data-symbol=\"Title Three\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:06:13<\/p>\n                <p style=\"display:none;\" class=\"number\">11<\/p>\n                <div class=\"default-block_2 lighboxable\" style=\"\">\n                    <div class=\"image-block image-block_2  add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb3.jpg\" data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       class=\"portfolio-group3-2\" title=\"Title Three\" data-groupID=\"3-2\">\n                                        <img decoding=\"async\" alt=\"Title Three\" data-title=\" blogthumb3\"\n                                             id=\"wd-cl-img2\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb3.jpg\" \/>\n                                    <\/a>\n                                                        <\/div>\n                    <div class=\"title-block title-block_2\">\n                        <h3 title=\"Title Three\"\n                            class=\"title name\">Title Three<\/h3>\n                        <div class=\"open-close-button\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"wd-portfolio-panel wd-portfolio-panel_2\" id=\"panel2\">\n                                            <div class=\"description-block_2\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <div\n                class=\"portelement portelement_2 colorbox_grouping  \" data-symbol=\"Title Four\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:06:13<\/p>\n                <p style=\"display:none;\" class=\"number\">13<\/p>\n                <div class=\"default-block_2 lighboxable\" style=\"\">\n                    <div class=\"image-block image-block_2  add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb5.jpg\" data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       class=\"portfolio-group4-2\" title=\"Title Four\" data-groupID=\"4-2\">\n                                        <img decoding=\"async\" alt=\"Title Four\" data-title=\" blogthumb5\"\n                                             id=\"wd-cl-img3\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb5.jpg\" \/>\n                                    <\/a>\n                                                        <\/div>\n                    <div class=\"title-block title-block_2\">\n                        <h3 title=\"Title Four\"\n                            class=\"title name\">Title Four<\/h3>\n                        <div class=\"open-close-button\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"wd-portfolio-panel wd-portfolio-panel_2\" id=\"panel3\">\n                                            <div class=\"description-block_2\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <div\n                class=\"portelement portelement_2 colorbox_grouping  \" data-symbol=\"Title Five\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:06:13<\/p>\n                <p style=\"display:none;\" class=\"number\">14<\/p>\n                <div class=\"default-block_2 lighboxable\" style=\"\">\n                    <div class=\"image-block image-block_2  add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb6.jpg\" data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       class=\"portfolio-group5-2\" title=\"Title Five\" data-groupID=\"5-2\">\n                                        <img decoding=\"async\" alt=\"Title Five\" data-title=\" blogthumb6\"\n                                             id=\"wd-cl-img4\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb6.jpg\" \/>\n                                    <\/a>\n                                                        <\/div>\n                    <div class=\"title-block title-block_2\">\n                        <h3 title=\"Title Five\"\n                            class=\"title name\">Title Five<\/h3>\n                        <div class=\"open-close-button\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"wd-portfolio-panel wd-portfolio-panel_2\" id=\"panel4\">\n                                            <div class=\"description-block_2\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <div\n                class=\"portelement portelement_2 colorbox_grouping  \" data-symbol=\"Title Six\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:06:13<\/p>\n                <p style=\"display:none;\" class=\"number\">15<\/p>\n                <div class=\"default-block_2 lighboxable\" style=\"\">\n                    <div class=\"image-block image-block_2  add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb7.jpg\" data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       class=\"portfolio-group6-2\" title=\"Title Six\" data-groupID=\"6-2\">\n                                        <img decoding=\"async\" alt=\"Title Six\" data-title=\" blogthumb7\"\n                                             id=\"wd-cl-img5\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb7.jpg\" \/>\n                                    <\/a>\n                                                        <\/div>\n                    <div class=\"title-block title-block_2\">\n                        <h3 title=\"Title Six\"\n                            class=\"title name\">Title Six<\/h3>\n                        <div class=\"open-close-button\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"wd-portfolio-panel wd-portfolio-panel_2\" id=\"panel5\">\n                                            <div class=\"description-block_2\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                <\/div>\n<\/section>\n<style>\n    \/*** For Toggle-Up Down ***\/\n\n    .portelement_2 .play-icon.youtube-icon  {\n        background: url(http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/play.youtube.png) center center no-repeat;\n        background-size: 30% 30%;\n    }\n    .portelement_2 .play-icon.vimeo-icon  {\n        background: url(http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/play.vimeo.png) center center no-repeat;\n        background-size: 30% 30%;\n    }\n    .portelement_2 .play-icon {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n    .portelement_2 .dropdownable .play-icon {\n        display: none;\n    }\n    .portelement_2  .add-H-relative {\n        position: relative;\n    }\n    .portelement_2 {\n        background:#f7f7f7;\n        width:277px !important;\n        margin: 5px;\n        max-width: calc(100% - 10px) !important;\n        float: left;\n        overflow: hidden;\n        outline:none;\n        border:1px solid #D0D0D0;\n        box-sizing: border-box;\n    }\n\n    .portelement_2.large,\n    .variable-sizes .portelement_2.large,\n    .variable-sizes .portelement_2.large.width2.height2 {\n        max-width: 275px;\n        width: 100%;\n        z-index: 10;\n    }\n\n    .default-block_2 {\n        position:relative;\n        max-width:275px !important;\n        width: 100%;\n        height:195px !important;\n    }\n\n    .default-block_2 .image-block_2 {\n        margin:0;\n        padding: 0;\n        line-height: 0;\n        border-bottom:1px solid #D0D0D0;\n        height:160px !important;\n    }\n\n    .default-block_2 .image-block_2 a {\n        display:block;\n        height:160px !important;\n        overflow: hidden;\n        position:relative;\n        border: none;\n        box-shadow: none;\n    }\n\n    .portelement_2 .default-block_2 img {\n        margin: 0 !important;\n        padding: 0 !important;\n        max-width:275px ;\n        max-width:none !important;\n        border-radius: 0;\n            height: 100%;\n        width: 100%;\n        }\n\n    .default-block_2 .title-block_2 {\n        position:relative;\n        display:block;\n        height: 34px;\n        padding: 0 0 0 0;\n        max-width:275px !important;\n        width: 100%;\n    }\n\n    .default-block_2 .title-block_2 h3 {\n        position:relative;\n        margin: 0 !important;\n        padding: 0 0 0 5px !important;\n        max-width:245px !important;\n        width: 80%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space:nowrap;\n        font-weight:normal;\n        color:#555555;\n        font-size:15px !important;\n        line-height: normal !important;\n        top: 50%;\n        transform: translateY(-50%);\n    }\n\n    .portelement_2 .title-block_2 .open-close-button {\n        width:20px;\n        height:20px;\n        display:block;\n        position:absolute;\n        top:50%;\n        right:2%;\n        background:url('http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/open-close.dark.png') left top no-repeat;\n        z-index:5;\n        cursor:pointer;\n        opacity:0.33;\n        transform: translateY( -50%);\n    }\n\n    .portelement_2:hover .title-block_2 .open-close-button {opacity:1;}\n\n    .portelement_2.large .open-close-button {\n        background:url('http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/open-close.dark.png') left bottom no-repeat;\n    }\n\n    .wd-portfolio-panel_2 {\n        position: absolute;\n        display:block;\n        width:265px !important;\n        margin: 0 5px 0 5px;\n        padding: 0;\n        text-align:left;\n        top:195px;\n        z-index:6;\n        height:200px;\n    }\n\n\n    .wd-portfolio-panel_2 .description-block_2, .portelement_2 div.right-block .description-block_2 * {\n        position:relative;\n        clear:both;\n    }\n\n    .wd-portfolio-panel_2 .description-block_2 p,.wd-portfolio-panel_2 .description-block_2 * {\n        text-align:justify;\n        \/*font-weight:normal;*\/\n        font-size:14px;\n        color:#5b5b5b;\n        margin: 0;\n        padding: 0;\n    }\n\n\n\n    .wd-portfolio-panel_2 .description-block_2 h1,\n    .wd-portfolio-panel_2 .description-block_2 h2,\n    .wd-portfolio-panel_2 .description-block_2 h3,\n    .wd-portfolio-panel_2 .description-block_2 h4,\n    .wd-portfolio-panel_2 .description-block_2 h5,\n    .wd-portfolio-panel_2 .description-block_2 h6,\n    .wd-portfolio-panel_2 .description-block_2 p,\n    .wd-portfolio-panel_2 .description-block_2 strong,\n    .wd-portfolio-panel_2 .description-block_2 span {\n        padding:2px !important;\n        margin: 0 !important;\n    }\n\n    .wd-portfolio-panel_2 .description-block_2 ul,\n    .wd-portfolio-panel_2 .description-block_2 li {\n        padding:2px 0 2px 5px;\n        margin: 0 0 0 8px;\n    }\n\n\n    .wd-portfolio-panel_2 .thumbs-list_2 {\n        position:relative;\n        clear:both;\n        list-style:none;\n        display:table;\n        width:100%;\n        padding: 0;\n        margin:3px 0 0 0;\n        text-align:center;\n    }\n\n    .wd-portfolio-panel_2 .thumbs-list_2 li {\n        display:inline-block;\n        margin: 0 3px 0 2px;\n    }\n\n    .wd-portfolio-panel_2 .thumbs-list_2 li a {\n        display:block;\n        width:75px;\n        height:75px;\n        opacity:0.7;\n        display:table;\n        border: none;\n        box-shadow: none;\n    }\n\n    .wd-portfolio-panel_2 .thumbs-list_2 li a:hover {\n        opacity:1;\n    }\n\n    .wd-portfolio-panel_2 img {\n        margin: 0 !important;\n        padding: 0 !important;\n        display:table-cell;\n        vertical-align:middle;\n        width:75px !important;\n        max-height:75px !important;\n        width:100%;\n        height:100%;\n    }\n\n    .wd-portfolio-panel_2 > div {\n        position:relative;\n        clear:both;\n        padding-top:10px;\n        margin-bottom:10px;\n            background:url('http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/divider.line.png') center top repeat-x;\n        }\n\n    .wd-portfolio-panel_2 .button-block {\n        padding-top:10px;\n        margin-bottom:10px;\n\n    }\n\n    .wd-portfolio-panel_2 .button-block a, .wd-portfolio-panel_2 .button-block a:link, .wd-portfolio-panel_2 .button-block a:visited {\n        padding:6px 12px;\n        text-decoration:none;\n        display:inline-block;\n        font-size:14px;\n        background:#e74c3c;\n        color:#ffffff;\n    }\n\n    .wd-portfolio-panel_2 .button-block a:hover, .wd-portfolio-panel_2 .button-block a:focus, .wd-portfolio-panel_2 .button-block a:active {\n        background:#df2e1b;\n        color:#ffffff;\n        text-decoration:none;\n    }\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 {\n        position: relative;\n        overflow: hidden;\n    float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\n    opacity: 0;        margin-bottom: 10px;\n    }\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 ul {\n        margin: 0 !important;\n        padding: 0 !important;\n        list-style: none;\n        }\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul {\n        margin: 0 !important;\n        padding: 0 !important;\n        overflow: hidden;\n            width: 100%;\n    }\n\n    \n    #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 ul li {\n        border-radius: 0px;\n        list-style-type: none;\n        margin: 0 !important;\n        padding: 0;\n    border: 1px solid #ccc;    }\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 ul li a {\n        background-color: #F7F7F7 !important;\n        font-size:14px !important;\n        color:#555555 !important;\n        border-radius: 0px;\n        text-decoration: none;\n        cursor: pointer;\n        margin: 0 !important;\n        display: block;\n        padding:3px;\n    }\n\n    \/*#pfhub_portfolio_content_2 #pfhub_portfolio_options_2 ul li:hover {\n\n}*\/\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 ul li a:hover {\n        background-color: #FF3845 !important;\n        color:#ffffff !important;\n        cursor: pointer;\n    }\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 {\n        position: relative;\n        overflow: hidden;\n    float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\n    opacity: 0;    }\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li {\n        list-style-type: none;\n        border-radius: 0px;\n    border: 1px solid #ccc;    }\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a,\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a:link,\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a:visited {\n        font-size:14px !important;\n        color:#555555 !important;\n        background-color: #F7F7F7 !important;\n        border-radius: 0px;\n        padding: 3px;\n        display: block;\n        text-decoration: none;\n    }\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2  ul li a:hover,\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2  ul li a:focus,\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2  ul li a:active {\n        color:#ffffff !important;\n        background-color: #FF3845 !important;\n        cursor: pointer;\n    }\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li.active a,\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li.active a:link,\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li.active a:visited,\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2  ul li.active a:hover,\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2  ul li.active a:focus,\n    #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2  ul li.active a:active {\n        color:#ffffff !important;\n        background-color: #FF3845 !important;\n        cursor: pointer;\n    }\n\n    section#pfhub_portfolio_content_2 {\n        position:relative;\n        display:block;\n    }\n\n    #pfhub_portfolio_content_2 #pfhub_portfolio_container_2 {\n        width: 79%;\n        max-width: 100%;\n    width:100%;opacity: 0;    }\n    #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 #port-sort-direction{\n        position: static;\n    }\n    @media screen and (max-width: 768px) {\n\n        #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a,\n        #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a:link,\n        #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a:visited {\n            font-size: 2vw !important;\n        }\n        #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 ul li a {\n            font-size:2vw !important;\n        }\n\n    }\n    @media screen and (max-width: 480px) {\n        #pfhub_portfolio_container_2{\n            width:100%;\n        }\n        #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 {\n            float: left;\n        }\n        #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 #sort-by{\n            float: left;\n            width: 100% !important;\n        }\n        #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 #port-sort-direction{\n            float: left;\n            width: 100% !important;\n            position: relative;\n            padding-left: 31% !important;\n            right: 31%;\n        }\n        #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a,\n        #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a:link,\n        #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a:visited {\n            font-size: 3vw !important;\n        }\n        #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 ul li a {\n            line-height: 3vw;\n            font-size:3vw !important;\n        }\n    }\n    @media screen and (max-width: 420px) {\n\n        #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a,\n        #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a:link,\n        #pfhub_portfolio_content_2 #pfhub_portfolio_filters_2 ul li a:visited {\n            font-size: 4vw !important;\n        }\n        #pfhub_portfolio_content_2 #pfhub_portfolio_options_2 ul li a {\n            font-size:4vw !important;\n        }\n    }\n    @media screen and (max-width: 317px) {\n        .portelement_2  {\n            width:98%;\n            margin: 1% !important;\n            float: left;\n            overflow: hidden;\n            outline:none;\n            border:1px solid #D0D0D0;\n        }\n        .wd-portfolio-panel_2 {\n            width: calc(100% - 10px) !important;\n        }\n    }\n    #pfhub_portfolio-container-loading-overlay_2 {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        z-index: 1;\n        background:  url(http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/loading\/loading-1.svg) center top ;\n        background-repeat: no-repeat;\n        background-size: 60px auto;\n        }\n    #pfhub_portfolio_options_and_filters_2{\n        position: relative;\n        float: left;\n        width: 20%;\n        max-width: 180px;\n        float:;\n    margin-left:1%;        margin-top: 5px;\n    }\n<\/style>\n<br \/>\n<div class=\"space\" style=\"height:50px\"><\/div><\/p>\n<h2>Content Popup Gallery<\/h2>\n<p><section id=\"pfhub_portfolio_content_1\"\n         class=\" portfolio-gallery-content \"\n         data-image-behaviour=\"resize\">\n    <div id=\"pfhub_portfolio-container-loading-overlay_1\"><\/div>\n                        <div id=\"pfhub_portfolio_container_1\"\n         class=\"pfhub_portfolio_container super-list variable-sizes clearfix view-content-popup\"  data-show-loading=\"on\"\n         data-show-center=\"off\">\n                    <div id=\"pfhub_portfolio_pupup_element_1_child\"\n                 class=\"portelement portelement_1   \" tabindex=\"0\" data-symbol=\"Retro\"\n                 data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:00:42<\/p>\n                <p style=\"display:none;\" class=\"number\">1<\/p>\n                <p style=\"display:none;\" class=\"random\">1<\/p>\n                <div class=\"image-block image-block_1\">\n                                                                        <img decoding=\"async\" alt=\"Retro\"\n                                     id=\"wd-cl-img0\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/volkswagen-1.jpg\"\/>\n                                                    <div class=\"image-overlay\"><a title=\"Retro\"\n                                                  href=\"#1\"><\/a><\/div>\n                <\/div>\n                                    <div class=\"title-block_1\">\n                        <h3 class=\"name\" title=\"Retro\">Retro<\/h3>\n                                                    <div class=\"button-block\"><a\n                                        href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\" >View More<\/a>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                        <div id=\"pfhub_portfolio_pupup_element_2_child\"\n                 class=\"portelement portelement_1   \" tabindex=\"0\" data-symbol=\"iPhone\"\n                 data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:00:42<\/p>\n                <p style=\"display:none;\" class=\"number\">2<\/p>\n                <p style=\"display:none;\" class=\"random\">2<\/p>\n                <div class=\"image-block image-block_1\">\n                                                                        <img decoding=\"async\" alt=\"iPhone\"\n                                     id=\"wd-cl-img1\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/huawei-1.jpg\"\/>\n                                                    <div class=\"image-overlay\"><a title=\"iPhone\"\n                                                  href=\"#2\"><\/a><\/div>\n                <\/div>\n                                    <div class=\"title-block_1\">\n                        <h3 class=\"name\" title=\"iPhone\">iPhone<\/h3>\n                                                    <div class=\"button-block\"><a\n                                        href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\" >View More<\/a>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                        <div id=\"pfhub_portfolio_pupup_element_3_child\"\n                 class=\"portelement portelement_1   \" tabindex=\"0\" data-symbol=\"Desk\"\n                 data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:00:42<\/p>\n                <p style=\"display:none;\" class=\"number\">3<\/p>\n                <p style=\"display:none;\" class=\"random\">3<\/p>\n                <div class=\"image-block image-block_1\">\n                                                                        <img decoding=\"async\" alt=\"Desk\"\n                                     id=\"wd-cl-img2\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/designer-1.jpg\"\/>\n                                                    <div class=\"image-overlay\"><a title=\"Desk\"\n                                                  href=\"#3\"><\/a><\/div>\n                <\/div>\n                                    <div class=\"title-block_1\">\n                        <h3 class=\"name\" title=\"Desk\">Desk<\/h3>\n                                                    <div class=\"button-block\"><a\n                                        href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\" >View More<\/a>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                        <div id=\"pfhub_portfolio_pupup_element_4_child\"\n                 class=\"portelement portelement_1   \" tabindex=\"0\" data-symbol=\"Autumn \/ Winter Collection\"\n                 data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:00:42<\/p>\n                <p style=\"display:none;\" class=\"number\">4<\/p>\n                <p style=\"display:none;\" class=\"random\">4<\/p>\n                <div class=\"image-block image-block_1\">\n                                                                        <img decoding=\"async\" alt=\"Autumn \/ Winter Collection\"\n                                     id=\"wd-cl-img3\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/autumn-2.jpg\"\/>\n                                                    <div class=\"image-overlay\"><a title=\"Autumn \/ Winter Collection\"\n                                                  href=\"#4\"><\/a><\/div>\n                <\/div>\n                                    <div class=\"title-block_1\">\n                        <h3 class=\"name\" title=\"Autumn \/ Winter Collection\">Autumn \/ Winter Collection<\/h3>\n                                                    <div class=\"button-block\"><a\n                                        href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\" >View More<\/a>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                        <div id=\"pfhub_portfolio_pupup_element_5_child\"\n                 class=\"portelement portelement_1   \" tabindex=\"0\" data-symbol=\"Headphone\"\n                 data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:00:42<\/p>\n                <p style=\"display:none;\" class=\"number\">5<\/p>\n                <p style=\"display:none;\" class=\"random\">5<\/p>\n                <div class=\"image-block image-block_1\">\n                                                                        <img decoding=\"async\" alt=\"Headphone\"\n                                     id=\"wd-cl-img4\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/headphone-1.jpg\"\/>\n                                                    <div class=\"image-overlay\"><a title=\"Headphone\"\n                                                  href=\"#5\"><\/a><\/div>\n                <\/div>\n                                    <div class=\"title-block_1\">\n                        <h3 class=\"name\" title=\"Headphone\">Headphone<\/h3>\n                                                    <div class=\"button-block\"><a\n                                        href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\" >View More<\/a>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                        <div id=\"pfhub_portfolio_pupup_element_6_child\"\n                 class=\"portelement portelement_1   \" tabindex=\"0\" data-symbol=\"Take Flight\"\n                 data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:00:42<\/p>\n                <p style=\"display:none;\" class=\"number\">6<\/p>\n                <p style=\"display:none;\" class=\"random\">6<\/p>\n                <div class=\"image-block image-block_1\">\n                                                                        <img decoding=\"async\" alt=\"Take Flight\"\n                                     id=\"wd-cl-img5\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/drone-1.jpg\"\/>\n                                                    <div class=\"image-overlay\"><a title=\"Take Flight\"\n                                                  href=\"#6\"><\/a><\/div>\n                <\/div>\n                                    <div class=\"title-block_1\">\n                        <h3 class=\"name\" title=\"Take Flight\">Take Flight<\/h3>\n                                                    <div class=\"button-block\"><a\n                                        href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\" >View More<\/a>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n                    <div style=\"clear:both;\"><\/div>\n    <\/div>\n    <div style=\"clear:both\"><\/div>\n<\/section>\n<ul id=\"pfhub_portfolio_popup_list_1\" class=\"pfhub_portfolio_popup_list\">\n            <li class=\"pupup-element  \" id=\"pfhub_portfolio_pupup_element_1\">\n            <div class=\"heading-navigation heading-navigation_1\">\n                <div style=\"display: inline-block; float: left;\">\n                    <div class=\"left-change\"><a href=\"#0\"\n                                                data-popupid=\"#1\"><<\/a><\/div>\n                    <div class=\"right-change\"><a href=\"#2\"\n                                                 data-popupid=\"#1\">><\/a><\/div>\n                <\/div>\n                                <a href=\"#close\" class=\"close\"><\/a>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n            <div class=\"pfhub-portfolio-popup-wrapper pfhub-portfolio-popup-wrapper_1\">\n                <div class=\"image-block_1 image-block\">\n                                                    <img decoding=\"async\" alt=\"Retro\"\n                                     id=\"wd-cl-img0\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/volkswagen-1.jpg\"\/>\n                                                <\/div>\n                <div class=\"right-block\">\n                                            <h3\n                                class=\"title\">Retro<\/h3>\n                                            <div>\n                            <ul class=\"thumbs-list thumbs-list_1\">\n                                                                    <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/volkswagen-1.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Retro\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/volkswagen-1.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                        <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/volkswagen-2.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Retro\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/volkswagen-2.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                        <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/volkswagen-3.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Retro\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/volkswagen-3.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                <\/ul>\n                        <\/div>\n                    \n                                            <div class=\"description\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. <\/p><p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n                    \n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\">View More<\/a>\n                        <\/div>\n                                        <div style=\"clear:both;\"><\/div>\n                <\/div>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n        <\/li>\n                <li class=\"pupup-element  \" id=\"pfhub_portfolio_pupup_element_2\">\n            <div class=\"heading-navigation heading-navigation_1\">\n                <div style=\"display: inline-block; float: left;\">\n                    <div class=\"left-change\"><a href=\"#1\"\n                                                data-popupid=\"#2\"><<\/a><\/div>\n                    <div class=\"right-change\"><a href=\"#3\"\n                                                 data-popupid=\"#2\">><\/a><\/div>\n                <\/div>\n                                <a href=\"#close\" class=\"close\"><\/a>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n            <div class=\"pfhub-portfolio-popup-wrapper pfhub-portfolio-popup-wrapper_1\">\n                <div class=\"image-block_1 image-block\">\n                                                    <img decoding=\"async\" alt=\"iPhone\"\n                                     id=\"wd-cl-img1\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/huawei-1.jpg\"\/>\n                                                <\/div>\n                <div class=\"right-block\">\n                                            <h3\n                                class=\"title\">iPhone<\/h3>\n                                            <div>\n                            <ul class=\"thumbs-list thumbs-list_1\">\n                                                                    <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/huawei-1.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"iPhone\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/huawei-1.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                        <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/huawei-2.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"iPhone\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/huawei-2.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                        <li>\n                                                                                        <a href=\"https:\/\/www.youtube.com\/embed\/SHZVn2Ul5nU\"\n                                                   class=\"video-thumb\"\n                                                   title=\"iPhone\"\n                                                   style=\"position:relative\">\n                                                    <img decoding=\"async\"\n                                                            src=\"\/\/img.youtube.com\/vi\/SHZVn2Ul5nU\/mqdefault.jpg\">\n                                                    <div class=\"play-icon youtube-icon\"\n                                                         title=\"SHZVn2Ul5nU\"><\/div>\n                                                <\/a>\n                                                                                    <\/li>\n                                                                <\/ul>\n                        <\/div>\n                    \n                                            <div class=\"description\"><h6>Lorem Ipsum <\/h6><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudexercitation 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. <\/p><p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><ul><li>lorem ipsum<\/li><li>dolor sit amet<\/li><li>lorem ipsum<\/li><li>dolor sit amet<\/li><\/ul><\/div>\n                    \n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\">View More<\/a>\n                        <\/div>\n                                        <div style=\"clear:both;\"><\/div>\n                <\/div>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n        <\/li>\n                <li class=\"pupup-element  \" id=\"pfhub_portfolio_pupup_element_3\">\n            <div class=\"heading-navigation heading-navigation_1\">\n                <div style=\"display: inline-block; float: left;\">\n                    <div class=\"left-change\"><a href=\"#2\"\n                                                data-popupid=\"#3\"><<\/a><\/div>\n                    <div class=\"right-change\"><a href=\"#4\"\n                                                 data-popupid=\"#3\">><\/a><\/div>\n                <\/div>\n                                <a href=\"#close\" class=\"close\"><\/a>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n            <div class=\"pfhub-portfolio-popup-wrapper pfhub-portfolio-popup-wrapper_1\">\n                <div class=\"image-block_1 image-block\">\n                                                    <img decoding=\"async\" alt=\"Desk\"\n                                     id=\"wd-cl-img2\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/designer-1.jpg\"\/>\n                                                <\/div>\n                <div class=\"right-block\">\n                                            <h3\n                                class=\"title\">Desk<\/h3>\n                                            <div>\n                            <ul class=\"thumbs-list thumbs-list_1\">\n                                                                    <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/designer-1.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Desk\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/designer-1.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                        <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/designer-2.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Desk\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/designer-2.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                        <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/designer-3.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Desk\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/designer-3.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                <\/ul>\n                        <\/div>\n                    \n                                            <div class=\"description\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. <\/p><h7>Dolor sit amet<\/h7><p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n                    \n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\">View More<\/a>\n                        <\/div>\n                                        <div style=\"clear:both;\"><\/div>\n                <\/div>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n        <\/li>\n                <li class=\"pupup-element  \" id=\"pfhub_portfolio_pupup_element_4\">\n            <div class=\"heading-navigation heading-navigation_1\">\n                <div style=\"display: inline-block; float: left;\">\n                    <div class=\"left-change\"><a href=\"#3\"\n                                                data-popupid=\"#4\"><<\/a><\/div>\n                    <div class=\"right-change\"><a href=\"#5\"\n                                                 data-popupid=\"#4\">><\/a><\/div>\n                <\/div>\n                                <a href=\"#close\" class=\"close\"><\/a>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n            <div class=\"pfhub-portfolio-popup-wrapper pfhub-portfolio-popup-wrapper_1\">\n                <div class=\"image-block_1 image-block\">\n                                                    <img decoding=\"async\" alt=\"Autumn \/ Winter Collection\"\n                                     id=\"wd-cl-img3\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/autumn-2.jpg\"\/>\n                                                <\/div>\n                <div class=\"right-block\">\n                                            <h3\n                                class=\"title\">Autumn \/ Winter Collection<\/h3>\n                    \n                                            <div class=\"description\"><h6>Lorem Ipsum<\/h6><p>Lorem ipsum dolor sit amet, consectetur adipisicing 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.<\/p><\/div>\n                    \n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\">View More<\/a>\n                        <\/div>\n                                        <div style=\"clear:both;\"><\/div>\n                <\/div>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n        <\/li>\n                <li class=\"pupup-element  \" id=\"pfhub_portfolio_pupup_element_5\">\n            <div class=\"heading-navigation heading-navigation_1\">\n                <div style=\"display: inline-block; float: left;\">\n                    <div class=\"left-change\"><a href=\"#4\"\n                                                data-popupid=\"#5\"><<\/a><\/div>\n                    <div class=\"right-change\"><a href=\"#6\"\n                                                 data-popupid=\"#5\">><\/a><\/div>\n                <\/div>\n                                <a href=\"#close\" class=\"close\"><\/a>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n            <div class=\"pfhub-portfolio-popup-wrapper pfhub-portfolio-popup-wrapper_1\">\n                <div class=\"image-block_1 image-block\">\n                                                    <img decoding=\"async\" alt=\"Headphone\"\n                                     id=\"wd-cl-img4\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/headphone-1.jpg\"\/>\n                                                <\/div>\n                <div class=\"right-block\">\n                                            <h3\n                                class=\"title\">Headphone<\/h3>\n                                            <div>\n                            <ul class=\"thumbs-list thumbs-list_1\">\n                                                                    <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/headphone-1.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Headphone\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/headphone-1.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                        <li>\n                                                                                        <a class=\" video-thumb\"\n                                                   href=\"https:\/\/player.vimeo.com\/video\/81260807\"\n                                                   title=\"Headphone\"\n                                                   style=\"position:relative\">\n                                                    <img decoding=\"async\" src=\"https:\/\/i.vimeocdn.com\/video\/457353891-07b41552bb47917367b3ef1b0d4b52c16b52b264c97cbb184b668bf972fa8591-d_640?region=us\"\n                                                         alt=\"Headphone\"\/>\n                                                    <div class=\"play-icon vimeo-icon\"\n                                                         title=\"81260807\"><\/div>\n                                                <\/a>\n                                                                                    <\/li>\n                                                                        <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/headphone-2.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Headphone\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/headphone-2.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                        <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/headphone-3.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Headphone\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/headphone-3.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                <\/ul>\n                        <\/div>\n                    \n                                            <div class=\"description\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. <\/p><p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n                    \n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\">View More<\/a>\n                        <\/div>\n                                        <div style=\"clear:both;\"><\/div>\n                <\/div>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n        <\/li>\n                <li class=\"pupup-element  \" id=\"pfhub_portfolio_pupup_element_6\">\n            <div class=\"heading-navigation heading-navigation_1\">\n                <div style=\"display: inline-block; float: left;\">\n                    <div class=\"left-change\"><a href=\"#5\"\n                                                data-popupid=\"#6\"><<\/a><\/div>\n                    <div class=\"right-change\"><a href=\"#7\"\n                                                 data-popupid=\"#6\">><\/a><\/div>\n                <\/div>\n                                <a href=\"#close\" class=\"close\"><\/a>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n            <div class=\"pfhub-portfolio-popup-wrapper pfhub-portfolio-popup-wrapper_1\">\n                <div class=\"image-block_1 image-block\">\n                                                    <img decoding=\"async\" alt=\"Take Flight\"\n                                     id=\"wd-cl-img5\"\n                                     src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/drone-1.jpg\"\/>\n                                                <\/div>\n                <div class=\"right-block\">\n                                            <h3\n                                class=\"title\">Take Flight<\/h3>\n                                            <div>\n                            <ul class=\"thumbs-list thumbs-list_1\">\n                                                                    <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/drone-1.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Take Flight\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/drone-1.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                        <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/drone-2.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Take Flight\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/drone-2.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                        <li>\n                                        \n                                                <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/drone-3.jpg\"\n                                                   class=\"img-thumb\"\n                                                   title=\"Take Flight\"><img decoding=\"async\"\n                                                            src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/defaultImages\/projects\/drone-3.jpg\"><\/a>\n\n                                                                                    <\/li>\n                                                                <\/ul>\n                        <\/div>\n                    \n                                            <div class=\"description\"><h6>Lorem Ipsum<\/h6><p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. <\/p><p>Excepteur sint occaecat cupidatat non proident , sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n                    \n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/portfoliohub.io\/\" target=\"_blank\">View More<\/a>\n                        <\/div>\n                                        <div style=\"clear:both;\"><\/div>\n                <\/div>\n                <div style=\"clear:both;\"><\/div>\n            <\/div>\n        <\/li>\n        <\/ul>\n<style>\nsection#pfhub_portfolio_content_1 {\n    position:relative;\n    display:block;\n}\n\n.portelement_1 .play-icon.youtube-icon,\n.play-icon.youtube-icon {\n    background: url(http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/play.youtube.png) center center no-repeat;\n    background-size: 30% 30%;\n}\n.portelement_1 .play-icon.vimeo-icon,\n.play-icon.vimeo-icon {\n    background: url(http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/play.vimeo.png) center center no-repeat;\n    background-size: 30% 30%;\n}\n\n.portelement_1 .play-icon,.play-icon {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.portelement_1 {\n    max-width:277px !important;\n    width:100%;\n    margin:0 0 10px 0;\n    background:#f9f9f9;\n    border:1px solid #dedede;\n    outline:none;\n    box-sizing: border-box;\n}\n\n.portelement_1 .image-block_1 {\n    position:relative;\n    width:100%;\n    height:160px !important;\n}\n\n.portelement_1 .image-block_1 img {\n    margin:0 !important;\n    padding:0 !important;\n    width:100% !important;\n    height:160px !important;\n    display:block;\n    border-radius: 0 !important;\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;\n}\n\n.portelement_1 .image-block_1 .image-overlay {\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    height:100%;\n    background: rgba(255,255,255,0.7)  !important;\n    display:none;\n}\n\n.portelement_1:hover .image-block_1  .image-overlay {\n    display:block;\n}\n\n.portelement_1 .image-block_1 .image-overlay a {\n    border:none;\n    position:absolute;\n    top:0;\n    left:0;\n    display:block;\n    width:100%;\n    height:100%;\n    background:url('http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/zoom.light.png') center center no-repeat;\n}\n\n.portelement_1 .title-block_1 {\n    position:relative;\n    height: 42px;\n    margin: 0;\n    border-top:1px solid #dedede;\n    box-sizing: content-box;\n}\n\n.portelement_1 .title-block_1 h3 {\n    position:relative;\n    margin:0 !important;\n    padding:0 1% 0 1% !important;\n    width:90%;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space:nowrap;\n    font-weight:normal;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 18px !important;\n    line-height: 22px !important;\n    color:#222222;\n}\n\n.portelement_1 .title-block_1 .button-block {\n    position:absolute;\n    right:0;\n    top:0;\n    display:none;\n    vertical-align:middle;\n    height:30px;\n    padding:10px 10px 4px 10px;\n}\n.portelement_1:hover .title-block_1 .button-block {display:block;}\n\n.portelement_1 .title-block_1 a,.portelement_1 .title-block_1 a:link,.portelement_1 .title-block_1 a:visited,\n.portelement_1 .title-block_1 a:hover,.portelement_1 .title-block_1 a:focus,.portelement_1 .title-block_1 a:active {\n    position:relative;\n    display:block;\n    vertical-align:middle;\n    padding: 3px 10px 3px 10px;\n    border-radius:3px;\n    font-size:14px;\n    background:#2ea2cd;\n    color:#ffffff;\n    text-decoration:none;\n    border: none;\n    box-shadow: none;\n}\n\n\/*#####POPUP#####*\/\n\n#pfhub_portfolio_popup_list_1 {\n    position:fixed;\n    display:table;\n    width:80%;\n    top:7%;\n    left:7%;\n    margin:0 !important;\n    list-style:none;\n    z-index:999999;\n    display:none;\n    height:90%;\n}\n\n#pfhub_portfolio_popup_list_1.active {display:table;}\n\n#pfhub_portfolio_popup_list_1 li.pupup-element {\n    position:relative;\n    display:none;\n    width:100%;\n    padding:40px 0 20px 0;\n    min-height:100%;\n    position:relative;\n    background:#FFFFFF;\n}\n\n#pfhub_portfolio_popup_list_1 li.pupup-element.active {\n    display:block;\n}\n\n#pfhub_portfolio_popup_list_1 .heading-navigation_1 {\n    position:absolute;\n    width:100%;\n    height:40px;\n    top:0;\n    left:0;\n    z-index:2001;\n    background:url('http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/divider.line.png') center bottom repeat-x;\n}\n\n#pfhub_portfolio_popup_list_1 .heading-navigation_1 .close,#pfhub_portfolio_popup_list_1 .heading-navigation_1 .close:link, #pfhub_portfolio_popup_list_1 .heading-navigation_1 .close:visited {\n    position:relative;\n    float:right;\n    width:40px;\n    height:40px;\n    display:block;\n    background:url('http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/close.popup.dark.png') center center no-repeat;\n    border-left:1px solid #ccc;\n    opacity:.65;\n}\n\n#pfhub_portfolio_popup_list_1 .heading-navigation_1 .close:hover, #pfhub_portfolio_popup_list_1 .heading-navigation_1 .close:focus, #pfhub_portfolio_popup_list_1 .heading-navigation_1 .close:active {opacity:1;}\n\n\n#pfhub_portfolio_popup_list_1 li.pupup-element .pfhub-portfolio-popup-wrapper_1 {\n    position:relative;\n    width:98%;\n    height:98%;\n    padding:2% 0% 0% 2%;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .image-block_1 {\n    width:55%;\nheight:100%;    position:relative;\n    float:left;\n    margin-right:2%;\n    border-right:1px solid #ccc;\n    min-width:200px;\n    min-height:100%;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .image-block_1 img {\nwidth:100% !important;    display:block;\n    padding:0 !important;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block {\n    width:42.8%;\n    height: 100%;\n    position:relative;\n    float:left;\n}\n\n#pfhub_portfolio_popup_list_1 li.pupup-element .pfhub-portfolio-popup-wrapper_1 .right-block > div {\n    padding-top:10px;\n    padding-right: 4%;\n    margin-bottom:10px;\n    background:url('http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/divider.line.png') center top repeat-x;\n}\n#pfhub_portfolio_popup_list_1 li.pupup-element .pfhub-portfolio-popup-wrapper_1 .right-block > div:last-child {background:none;}\n\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .title {\n    position:relative;\n    display:block;\n    margin:0 0 10px 0 !important;\n    font-size:18px !important;\n    line-height:22px !important;\n    color:#222222;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description {\n    clear:both;\n    position:relative;\n    text-align:justify;\n    font-size:14px !important;\n    color:#222222;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description h1,\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description h2,\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description h3,\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description h4,\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description h5,\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description h6,\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description p,\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description strong,\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description span {\n    padding:2px !important;\n    margin:0 !important;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description ul,\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block .description li {\n    padding:2px 0 2px 5px;\n    margin:0 0 0 8px;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block ul.thumbs-list_1 {\n    list-style:none;\n    display:table;\n    position:relative;\n    clear:both;\n    width:100%;\n    margin:0 auto;\n    padding:0;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block ul.thumbs-list_1 li {\n    display:block;\n    float:left;\n    width:75px;\n    height:75px;\n    margin:0 2% 5px 1% !important;\n    opacity:0.45;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block ul.thumbs-list_1 li.active,#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block ul.thumbs-list_1 li:hover {\n    opacity:1;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block ul.thumbs-list_1 li a {\n    border:none;\n    display:block;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block ul.thumbs-list_1 li img {\n    margin:0 !important;\n    padding:0 !important;\n    width:75px !important;\n    height:75px !important;\n}\n\n#pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .image-block_1 iframe  {\n    width:100% !important;\n    height:60% !important;\n    display:block;\n}\n\n#pfhub_portfolio_popup_list_1 .heading-navigation_1 .left-change, #pfhub_portfolio_popup_list_1 .heading-navigation_1 .right-change{\n    width: 40px;\n    height: 39px;\n    font-size: 25px;\n    display: inline-block;\n    text-align: center;\n    border: 1px solid #eee;\n    border-bottom: none;\n    border-top: none;\n}\n\n#pfhub_portfolio_popup_list_1 .heading-navigation_1 .right-change{\n    position: relative;\n    margin-left: -6px;\n}\n\n#pfhub_portfolio_popup_list_1 .heading-navigation_1 .right-change:hover, #pfhub_portfolio_popup_list_1 .heading-navigation_1 .left-change:hover{\n    background: #ddd;\n    border-color: #ccc;\n    color: #000 !important;\n    cursor: pointer;\n}\n\n#pfhub_portfolio_popup_list_1 .heading-navigation_1 .right-change a, #pfhub_portfolio_popup_list_1 .heading-navigation_1 .left-change a{\n    position: absolute;\n    transform: translate(-50%, -50%) !important;\n    color: #777;\n    text-decoration: none;\n    width: 12px;\n    height: 100%;\n    display: inline-block;\n    line-height: normal;\n    top: 50%;\n}\n\n\n\/**\/\n.pupup-element .button-block {\n    position:relative;\n}\n\n.pupup-element .button-block a,.pupup-element .button-block a:link,.pupup-element .button-block a:visited{\n    position:relative;\n    display:inline-block;\n    padding:6px 12px;\n    background:#2ea2cd;\n    color:#ffffff;\n    font-size:14px;\n    text-decoration:none;\n}\n\n.pupup-element .button-block a:hover,.pupup-element .button-block a:focus,.pupup-element .button-block a:active {\n    background:#0074a2;\n    color:#ffffff;\n}\n\n\n#pfhub_portfolio-popup-overlay-portfolio {\n    position:fixed;\n    top:0;\n    left:0;\n    width:100%;\n    height:100%;\n    z-index:199;\n    background: rgba(0,0,0,0.7)  !important}\n\n\n@media only screen and (max-width: 767px) {\n\n    #pfhub_portfolio_popup_list_1 {\n        position:absolute;\n        left:0;\n        top:0;\n        width:100%;\n        height:auto !important;\n        left:0;\n    }\n\n    #pfhub_portfolio_popup_list_1 li.pupup-element {\n        margin:0;\n        height:auto !important;\n        position:absolute;\n        left:0;\n        top:0;\n    }\n\n    #pfhub_portfolio_popup_list_1 li.pupup-element .pfhub-portfolio-popup-wrapper_1 {\n        height:auto !important;\n        overflow-y:auto;\n    }\n\n\n    #pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .image-block_1 {\n        width:100%;\n        float:none;\n        clear:both;\n        margin-right:0;\n        border-right:0;\n    }\n\n    #pfhub_portfolio_popup_list_1 .pfhub-portfolio-popup-wrapper_1 .right-block {\n        width:100%;\n        float:none;\n        clear:both;\n        margin-right:0;\n        border-right:0;\n    }\n\n    #pfhub_portfolio-popup-overlay-portfolio_1 {\n        position:fixed;\n        top:0;\n        left:0;\n        width:100%;\n        height:100%;\n        z-index:199;\n    }\n\n}\n\n#pfhub_portfolio_content_1 #pfhub_portfolio_options_1 {\n    position: relative;\n    overflow: hidden;\nfloat:;max-width:180px;width:20%;display:inline-block;margin-left:1%;\nopacity: 0;    margin-bottom: 10px;\n}\n\n#pfhub_portfolio_content_1 #pfhub_portfolio_options_1 ul {\n    margin: 0 !important;\n    padding: 0 !important;\n    list-style: none;\n}\n\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul {\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n    width: 100%;\n}\n\n\n\n#pfhub_portfolio_content_1 #pfhub_portfolio_options_1 ul li {\n    border-radius: 0px;\n    list-style-type: none;\n    margin: 0 !important;\n    padding: 0;\nborder: 1px solid #ccc;}\n\n#pfhub_portfolio_content_1 #pfhub_portfolio_options_1 ul li a {\n    background-color: #F7F7F7 !important;\n    font-size:14px !important;\n    color:#555555 !important;\n    text-decoration: none;\n    cursor: pointer;\n    margin: 0 !important;\n    display: block;\n    padding:3px;\n    border-radius: 0px;\n}\n\n\/*#pfhub_portfolio_content_1 #pfhub_portfolio_options_1 ul li:hover {\n\n}*\/\n\n#pfhub_portfolio_content_1 #pfhub_portfolio_options_1 ul li a:hover {\n    background-color: #FF3845 !important;\n    color:#ffffff !important;\n    cursor: pointer;\n}\n\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 {\n    position: relative;\n    overflow: hidden;\nfloat:;max-width:180px;width:20%;display:inline-block;margin-left:1%;\nopacity: 0;}\n\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li {\n    list-style-type: none;\n    border-radius: 0px;\nborder: 1px solid #ccc;}\n\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li a {\n    font-size:14px !important;\n    color:#555555 !important;\n    background-color: #F7F7F7 !important;\n    border-radius: 0px;\n    padding:3px;\n    display: block;\n    text-decoration: none;\n}\n\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1  ul li a:hover {\n    color:#ffffff !important;\n    background-color: #FF3845 !important;\n    cursor: pointer\n}\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li.active a,\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li.active a:link,\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li.active a:visited,\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1  ul li.active a:hover,\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1  ul li.active a:focus,\n#pfhub_portfolio_content_1 #pfhub_portfolio_filters_1  ul li.active a:active {\n    color:#ffffff !important;\n    background-color: #FF3845 !important;\n    cursor: pointer;\n}\n#pfhub_portfolio_content_1 #pfhub_portfolio_container_1 {\n    width: 79%;\n    max-width: 100% !important;\nwidth:100%;opacity: 0;}\n@media screen and (max-width: 768px) {\n\n    #pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li a,\n    #pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li a:link,\n    #pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li a:visited {\n        font-size: 2vw !important;\n    }\n    #pfhub_portfolio_content_1 #pfhub_portfolio_options_1 ul li a {\n        font-size:2vw !important;\n    }\n\n}\n@media screen and (max-width: 480px) {\n    #pfhub_portfolio_content_1 #pfhub_portfolio_options_1 {\n        float: left;\n    }\n    #pfhub_portfolio_content_1 #pfhub_portfolio_options_1 #sort-by{\n        float: left;\n        width: 100% !important;\n    }\n    #pfhub_portfolio_content_1 #pfhub_portfolio_options_1 #port-sort-direction{\n        float: left;\n        width: 100% !important;\n        position: relative;\n        padding-left: 31% !important;\n        right: 31%;\n    }\n    #pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li a,\n    #pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li a:link,\n    #pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li a:visited {\n        font-size: 3vw !important;\n    }\n    #pfhub_portfolio_content_1 #pfhub_portfolio_options_1 ul li a {\n        line-height: 3vw;\n        font-size:3vw !important;\n    }\n}\n@media screen and (max-width: 420px) {\n\n    #pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li a,\n    #pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li a:link,\n    #pfhub_portfolio_content_1 #pfhub_portfolio_filters_1 ul li a:visited {\n        font-size: 4vw !important;\n    }\n    #pfhub_portfolio_content_1 #pfhub_portfolio_options_1 ul li a {\n        font-size:4vw !important;\n    }\n}\n@media screen and (max-width: 317px) {\n    .portelement_1  {\n        width:98%;\n        margin: 1% !important;\n        float: left;\n        overflow: hidden;\n        outline:none;\n        border:1px solid #D0D0D0;\n    }\n    .wd-portfolio-panel_1 {\n        width: 100% !important;\n    }\n}\n#pfhub_portfolio-container-loading-overlay_1 {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    z-index: 1;\n    background:  url(http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/loading\/loading-1.svg) center top ;\n    background-repeat: no-repeat;\n    background-size: 60px auto;\n}\n#pfhub_portfolio_options_and_filters_1{\n    position: relative;\n    float: left;\n    width: 20%;\n    max-width: 180px;\n    float:;\nmargin-left:1%;}\n<\/style>\n<br \/>\n<div class=\"space\" style=\"height:50px\"><\/div><\/p>\n<h2>Toggle Grid Gallery<\/h2>\n<section id=\"pfhub_portfolio_content_3\"\n         class=\"portfolio-gallery-content \"\n         data-portfolio-id=\"3\">\n    <div id=\"pfhub_portfolio-container-loading-overlay_3\"><\/div>\n                        <div id=\"pfhub_portfolio_container_3\"\n         class=\"pfhub_portfolio_container super-list variable-sizes clearfix view-masonry\"\n         data-show-loading=\"on\"\n         data-show-center=\"off\" >\n                    <div\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Title First\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:09:28<\/p>\n                <p style=\"display:none;\" class=\"number\">16<\/p>\n                <div class=\"default-block_3\">\n                    <div class=\"image-block_3 add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb2.jpg\"\n                                       class=\" portfolio-group1-3 \"\n                                       data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       title=\"Title First\" data-groupID=\"1-3\">\n                                        <img decoding=\"async\" alt=\"Title First\"\n                                             id=\"wd-cl-img0\" data-title=\" blogthumb2\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb2.jpg\"\/>\n                                    <\/a>\n                                                        <\/div>\n                                            <div class=\"title-block_3\">\n                            <h3 class=\"title name \">Title First<\/h3>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"wd-portfolio-panel_3\" id=\"panel0\">\n                                            <div class=\"description-block_3\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <div\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Title Second\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:09:28<\/p>\n                <p style=\"display:none;\" class=\"number\">17<\/p>\n                <div class=\"default-block_3\">\n                    <div class=\"image-block_3 add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb3.jpg\"\n                                       class=\" portfolio-group2-3 \"\n                                       data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       title=\"Title Second\" data-groupID=\"2-3\">\n                                        <img decoding=\"async\" alt=\"Title Second\"\n                                             id=\"wd-cl-img1\" data-title=\" blogthumb3\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb3.jpg\"\/>\n                                    <\/a>\n                                                        <\/div>\n                                            <div class=\"title-block_3\">\n                            <h3 class=\"title name \">Title Second<\/h3>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"wd-portfolio-panel_3\" id=\"panel1\">\n                                            <div class=\"description-block_3\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <div\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Title Third\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:09:28<\/p>\n                <p style=\"display:none;\" class=\"number\">18<\/p>\n                <div class=\"default-block_3\">\n                    <div class=\"image-block_3 add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb4.jpg\"\n                                       class=\" portfolio-group3-3 \"\n                                       data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       title=\"Title Third\" data-groupID=\"3-3\">\n                                        <img decoding=\"async\" alt=\"Title Third\"\n                                             id=\"wd-cl-img2\" data-title=\" blogthumb4\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb4.jpg\"\/>\n                                    <\/a>\n                                                        <\/div>\n                                            <div class=\"title-block_3\">\n                            <h3 class=\"title name \">Title Third<\/h3>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"wd-portfolio-panel_3\" id=\"panel2\">\n                                            <div class=\"description-block_3\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <div\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Title Forth\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:09:28<\/p>\n                <p style=\"display:none;\" class=\"number\">19<\/p>\n                <div class=\"default-block_3\">\n                    <div class=\"image-block_3 add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb5.jpg\"\n                                       class=\" portfolio-group4-3 \"\n                                       data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       title=\"Title Forth\" data-groupID=\"4-3\">\n                                        <img decoding=\"async\" alt=\"Title Forth\"\n                                             id=\"wd-cl-img3\" data-title=\" blogthumb5\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb5.jpg\"\/>\n                                    <\/a>\n                                                        <\/div>\n                                            <div class=\"title-block_3\">\n                            <h3 class=\"title name \">Title Forth<\/h3>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"wd-portfolio-panel_3\" id=\"panel3\">\n                                            <div class=\"description-block_3\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <div\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Title fifth\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:09:28<\/p>\n                <p style=\"display:none;\" class=\"number\">20<\/p>\n                <div class=\"default-block_3\">\n                    <div class=\"image-block_3 add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb6.jpg\"\n                                       class=\" portfolio-group5-3 \"\n                                       data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       title=\"Title fifth\" data-groupID=\"5-3\">\n                                        <img decoding=\"async\" alt=\"Title fifth\"\n                                             id=\"wd-cl-img4\" data-title=\" blogthumb6\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb6.jpg\"\/>\n                                    <\/a>\n                                                        <\/div>\n                                            <div class=\"title-block_3\">\n                            <h3 class=\"title name \">Title fifth<\/h3>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"wd-portfolio-panel_3\" id=\"panel4\">\n                                            <div class=\"description-block_3\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <div\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Title Sixth\" data-category=\"alkaline-earth\">\n                <p style=\"display:none;\" class=\"load_date\">2021-02-06 00:09:28<\/p>\n                <p style=\"display:none;\" class=\"number\">21<\/p>\n                <div class=\"default-block_3\">\n                    <div class=\"image-block_3 add-H-relative\">\n                                                                                    <a href=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb7.jpg\"\n                                       class=\" portfolio-group6-3 \"\n                                       data-description=\" Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. \"\n                                       title=\"Title Sixth\" data-groupID=\"6-3\">\n                                        <img decoding=\"async\" alt=\"Title Sixth\"\n                                             id=\"wd-cl-img5\" data-title=\" blogthumb7\"\n                                             src=\"http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/uploads\/2019\/10\/blogthumb7.jpg\"\/>\n                                    <\/a>\n                                                        <\/div>\n                                            <div class=\"title-block_3\">\n                            <h3 class=\"title name \">Title Sixth<\/h3>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"wd-portfolio-panel_3\" id=\"panel5\">\n                                            <div class=\"description-block_3\">\n                            <p>Lorem lipsum Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor. <\/p>\n                        <\/div>\n                                            <div class=\"button-block\">\n                            <a href=\"https:\/\/gracethemes.com\/wordpress-themes\/\" >View More<\/a>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n                <\/div>\n<\/section>\n<style>\n    .portelement_3 .play-icon.youtube-icon  {\n        background: url(http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/play.youtube.png) center center no-repeat;\n        background-size: 30% 30%;\n    }\n    .portelement_3 .play-icon.vimeo-icon  {\n        background: url(http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/play.vimeo.png) center center no-repeat;\n        background-size: 30% 30%;\n    }\n    .portelement_3 .play-icon {\n        position: absolute;\n        top : 0;\n        left : 0;\n        width: 100%;\n        height: 100%;\n    }\n    .portelement_3 .add-H-relative {\n        position: relative;\n    }\n    .portelement_3 {\n        width: 277px !important;\n        max-width: calc(100% - 10px);\n        height:auto;\n        margin: 5px 0 5px 0;\n        float: left;\n        overflow: hidden;\n        position: relative;\n        outline:none;\n        background:#f7f7f7;\n        border:1px solid #D0D0D0;\n        box-sizing: border-box;\n    }\n\n    .default-block_3 {\n        position:relative;;\n        width:100%;\n    }\n\n    .default-block_3 .image-block_3 {\n        margin :0;\n        padding :0;\n        line-height :0;\n        border-bottom:1px solid #D0D0D0;\n    }\n\n    .default-block_3 img {\n        margin :0 !important;\n        padding :0 !important;\n        width: 100%;\n        border-radius :0;\n        display: inline-block;\n    }\n\n    .default-block_3 .title-block_3 {\n        display:block;\n        height:auto;\n        padding:10px 0 10px 0;\n        width:100%;\n        text-overflow: ellipsis;\n    }\n\n    .default-block_3 .title-block_3 h3 {\n        position:relative;\n        margin :0 !important;\n        padding :0 5px 0 5px !important;\n        max-width:275px !important;\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        \/*white-space:nowrap;*\/\n        font-weight:normal;\n        color:#555555;\n        font-size:15px !important;\n        line-height:19px !important;\n    }\n\n\n    .wd-portfolio-panel_3 {\n        position: relative;\n        display:block;\n        width: calc(100% - 10px);\n        margin:0 5px 0 5px;\n        padding :0;\n        text-align:left;\n    }\n\n    .wd-portfolio-panel_3 .description-block_3 p,.wd-portfolio-panel_3 .description-block_3 * {\n        text-align:justify;\n        font-size:14px !important;\n        color:#5b5b5b;\n        margin :0 !important;\n        padding :0 !important;\n    }\n\n\n    .wd-portfolio-panel_3 .description-block_3 h1,\n    .wd-portfolio-panel_3 .description-block_3 h2,\n    .wd-portfolio-panel_3 .description-block_3 h3,\n    .wd-portfolio-panel_3 .description-block_3 h4,\n    .wd-portfolio-panel_3 .description-block_3 h5,\n    .wd-portfolio-panel_3 .description-block_3 h6,\n    .wd-portfolio-panel_3 .description-block_3 p,\n    .wd-portfolio-panel_3 .description-block_3 strong,\n    .wd-portfolio-panel_3 .description-block_3 span {\n        padding:2px !important;\n        margin :0 !important;\n    }\n\n    .wd-portfolio-panel_3 .description-block_3 ul,\n    .wd-portfolio-panel_3 .description-block_3 li {\n        padding:2px 0 2px 5px;\n        margin :0 0 0 8px;\n    }\n\n\n    .wd-portfolio-panel_3 .thumbs-list_3 {\n        list-style:none;\n        clear:both;\n        display:table;\n        width:100%;\n        padding :0;\n        margin:3px 0 0 0;\n        text-align:center;\n    }\n\n    .wd-portfolio-panel_3 .thumbs-list_3 li {\n        display:inline-block;\n        margin :0 3px 0 2px;\n    }\n\n    .wd-portfolio-panel_3 .thumbs-list_3 li a {\n        display:block;\n        width:75px;\n        height:75px;\n        opacity:0.7;\n        display:table;\n        border: none;\n        box-shadow: none;\n\n    }\n\n    .wd-portfolio-panel_3 .thumbs-list_3 li a:hover {\n        opacity:1;\n    }\n\n    .wd-portfolio-panel_3 img {\n        margin :0 !important;\n        padding :0 !important;\n        display:table-cell;\n        vertical-align:middle;\n        width:75px !important;\n        max-height:75px !important;\n        width:100%;\n        height:100%;\n    }\n\n    .wd-portfolio-panel_3 > div {\n        padding-top:10px;\n        margin-bottom:10px;\n            background:url('http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/divider.line.png') center top repeat-x;\n        }\n\n    .wd-portfolio-panel_3 .button-block {\n        padding-top:10px;\n        margin-bottom:10px;\n\n    }\n\n    .wd-portfolio-panel_3 .button-block a, .wd-portfolio-panel_3 .button-block a:link, .wd-portfolio-panel_3 .button-block a:visited {\n        padding:10px;\n        display:inline-block;\n        font-size:14px;\n        background:#e74c3c;\n        color:#ffffff;\n        padding:6px 12px;\n        text-decoration:none;\n    }\n\n    .wd-portfolio-panel_3 .button-block a:hover, .wd-portfolio-panel_3 .button-block a:focus, .wd-portfolio-panel_3 .button-block a:active {\n        background:#df2e1b;\n        color:#ffffff;\n        text-decoration:none;\n    }\n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 {\n        position: relative;\n        overflow: hidden;\n    float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\n    opacity: 0;        margin-bottom: 10px;\n    }\n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 ul {\n        margin : 0 !important;\n        padding : 0 !important;\n        list-style: none;\n        }\n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul {\n        margin : 0 !important;\n        padding : 0 !important;\n        overflow: hidden;\n            width: 100%;\n    }\n\n        #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 ul {\n        float: left;\n    }\n    \n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 ul li {\n        border-radius: 0px;\n        list-style-type: none;\n        margin : 0 !important;\n        padding: 0;\n    border: 1px solid #ccc;    }\n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 ul li a {\n        background-color: #F7F7F7 !important;\n        border-radius: 0px;\n        font-size:14px !important;\n        color:#555555 !important;\n        text-decoration: none;\n        cursor: pointer;\n        margin : 0 !important;\n        display: block;\n        padding:3px;\n    }\n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 ul li a:hover {\n        background-color: #FF3845 !important;\n        color:#ffffff !important;\n        cursor: pointer;\n    }\n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 {\n        position: relative;\n        overflow: hidden;\n    float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\n    opacity: 0;    }\n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li {\n        list-style-type: none;\n        border-radius: 0px;\n    border: 1px solid #ccc;    }\n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li a {\n        font-size:14px !important;\n        color:#555555 !important;\n        background-color: #F7F7F7 !important;\n        border-radius: 0px;\n        padding:3px;\n        display: block;\n        text-decoration: none;\n    }\n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3  ul li a:hover {\n        color:#ffffff !important;\n        background-color: #FF3845 !important;\n        cursor: pointer\n    }\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li.active a,\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li.active a:link,\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li.active a:visited,\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3  ul li.active a:hover,\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3  ul li.active a:focus,\n    #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3  ul li.active a:active {\n        color:#ffffff !important;\n        background-color: #FF3845 !important;\n        cursor: pointer;\n    }\n    #pfhub_portfolio_content_3 section {\n        position:relative;\n        display:block;\n    }\n\n    #pfhub_portfolio_content_3 #pfhub_portfolio_container_3 {\n        width: 79%;\n        max-width: 100% !important;\n    width:100%;opacity: 0;    }\n    #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 #port-sort-direction{\n        position: static;\n    }\n    @media screen and (max-width: 768px) {\n\n        #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li a,\n        #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li a:link,\n        #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li a:visited {\n            font-size: 2vw !important;\n        }\n        #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 ul li a {\n            font-size:2vw !important;\n        }\n\n    }\n    @media screen and (max-width: 480px) {\n        #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 {\n            float: left;\n        }\n        #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 #sort-by{\n            float: left;\n            width: 100% !important;\n        }\n        #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 #port-sort-direction{\n            float: left;\n            width: 100% !important;\n            position: relative;\n            padding-left: 31% !important;\n            right: 31%;\n        }\n        #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li a,\n        #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li a:link,\n        #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li a:visited {\n            font-size: 3vw !important;\n        }\n        #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 ul li a {\n            line-height: 3vw;\n            font-size:3vw !important;\n        }\n    }\n    @media screen and (max-width: 420px) {\n\n        #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li a,\n        #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li a:link,\n        #pfhub_portfolio_content_3 #pfhub_portfolio_filters_3 ul li a:visited {\n            font-size: 4vw !important;\n        }\n        #pfhub_portfolio_content_3 #pfhub_portfolio_options_3 ul li a {\n            font-size:4vw !important;\n        }\n    }\n    @media screen and (max-width: 317px) {\n        .portelement_3  {\n            width: calc(98% - 2px);\n            margin: 1% !important;\n            float: left;\n            overflow: hidden;\n            outline:none;\n        }\n    }\n    #pfhub_portfolio-container-loading-overlay_3 {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        z-index: 1;\n        background:  url(http:\/\/www.gracethemesdemo.com\/greenest\/wp-content\/plugins\/uber-grid\/assets\/images\/loading\/loading-1.svg) center top ;\n        background-repeat: no-repeat;\n        background-size: 60px auto;\n        }\n    #pfhub_portfolio_options_and_filters_3{\n        position: relative;\n        float: left;\n        width: 20%;\n        max-width: 180px;\n        float:;\n    margin-left:1%;    }\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>Content Popup Gallery Toggle Grid Gallery<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-parts\/template-full-width.php","meta":{"footnotes":""},"class_list":["post-618","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.gracethemesdemo.com\/greenest\/wp-json\/wp\/v2\/pages\/618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gracethemesdemo.com\/greenest\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.gracethemesdemo.com\/greenest\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.gracethemesdemo.com\/greenest\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gracethemesdemo.com\/greenest\/wp-json\/wp\/v2\/comments?post=618"}],"version-history":[{"count":2,"href":"http:\/\/www.gracethemesdemo.com\/greenest\/wp-json\/wp\/v2\/pages\/618\/revisions"}],"predecessor-version":[{"id":1883,"href":"http:\/\/www.gracethemesdemo.com\/greenest\/wp-json\/wp\/v2\/pages\/618\/revisions\/1883"}],"wp:attachment":[{"href":"http:\/\/www.gracethemesdemo.com\/greenest\/wp-json\/wp\/v2\/media?parent=618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}