string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53797&expand=properties"
string(20218) "[{"templateId":53797,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":464,"categoryName":"Web Design Templates","templateTitle":"Web Design Responsive Joomla Template","templatePreviewHtmlTitle":"Material Joomla Template #53797 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Material Joomla Template #53797","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Welcome a web design Joomla template crafted in accordance with the latest trends. Among them, there is material design making the screen image more realistic and responsive design providing website usability on any portable device. With more and more people joining social networks today, the template has been integrated with social media. To be exact, it features icons meant to transfer visitors to your and your employees' profiles on Facebook, Twitter, Google, and others. There is also a social login option that simplifies authorization procedure, making web users free from the registration hassle. In case you are not completely satisfied with the default look of the template, you can modify its palette and typography via built-in customizer.</p><p>This template is a part of our <a href=\"https://www.templatemonster.com/blog/15-premium-templates-joomla/\">15+ Premium Templates for Joomla</a> list.</p><br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Design Joomla design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end framework for making websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is an extremely helpful instrument and that's the good reason it's very popular. Using this framework, it will be possible to create responsive design, fitting for any kind of display size, prototype cutting edge designs with no troubles and be sure your own site is definitely cross-browser compatible.</p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <h3>This Design Blog Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adapt to scaled-down and also greater display screen dimensions automatically.</p> <p><b>Why is it Good?</b></p><p>Mobile phones generate 80percent of global web utilization. It's fundamental to make your internet page responsive unless you desire to reduce your current potential audience.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> <h3>This is a Parallax Designer Joomla template</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in webdesign when background picture moves at a slower rate than a front content, forming the illusion of depth. </p> <p><b>Why is it Good?</b></p><p>Through the parallax scrolling animation, you can certainly add the impression of intensity to your website, so presenting your data in a far more good looking manner.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design templates</a> here</p> <h3>This Web Design Agency Joomla template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly internet site lets any searcher to examine every page of the web page, outline the content and index them in the repository.</p> <p><b>Why is it Good?</b></p><p>You don't need to be an expert at SEO to get high rankings in Google. WordPress SEO plugins help to compose SEO-friendly titles and meta descriptions, and also analyze on-page content, let you make XML-sitemaps, and many more.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla themes</a> here</p> <h3>This is Web Design Company Joomla design theme with Portfolio</h3> <p><b>What is it?</b></p><p>A portfolio could be the must-have instrument of any kind of business enterprise that need to establish an expert brand. This is a display of work, products or services that can be sorted in the visually good-looking way.</p> <p><b>Why is it Good?</b></p><p>It serves as a self-sufficient strategy of marketing. Any site surfer is able to see your works and projects. You could attract potential customers and operate without intermediaries - clients independently will come to you.</p><p>Fresh <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla themes</a> here</p> <h3>This is Web Design Company Joomla design with On-line chat functionality</h3> <p><b>What is it?</b></p><p>This option allows you to integrate your internet store with the LiveChat method. </p> <p><b>Why is it Good?</b></p><p>It helps you to live chat with website visitors and check guests' internet functions.</p><p>Browse for more <a href=\"https://www.templatemonster.com/online-chat-joomla-templates/\">On-line chat Joomla design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Material Joomla Template","templatePreviewMetaDescription":"Welcome a web design Joomla template crafted in accordance with the latest trends. Among them, there is material design making the screen image more realistic","templateDemoMetaDescription":"The demo of this top notch Material Joomla Template (#53797) is presented here for you to get the look and feel of the design before you buy it. Click through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Material Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/53797.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":57,"inserted_date":"2015-04-30","sent":1,"downloads":178,"search_words":"Material one design agency studio creative  art gallery artists painting painters web development webmasters designers internet www  sites web design webpage personal  portfolio","is_adult":0,"exc_price":4500,"sent_date":"2019-02-12 06:15:31","last_upload":"2015-04-30 00:00:00","package_id":260,"hasExclusivePrice":0,"screenshots":[{"id":1459352,"templ_id":53797,"filename":"53797-origin.jpg","width":2048,"height":5207,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459353,"templ_id":53797,"filename":"53797-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459354,"templ_id":53797,"filename":"53797-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1459355,"templ_id":53797,"filename":"53797-joom.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":179,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459356,"templ_id":53797,"filename":"53797-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459357,"templ_id":53797,"filename":"53797-original-1200.jpg","width":2048,"height":5207,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459358,"templ_id":53797,"filename":"53797-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459359,"templ_id":53797,"filename":"53797-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459360,"templ_id":53797,"filename":"53797-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459361,"templ_id":53797,"filename":"53797-original.jpg","width":2048,"height":5207,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459362,"templ_id":53797,"filename":"53797-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459363,"templ_id":53797,"filename":"53797-big.jpg","width":965,"height":2453,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459364,"templ_id":53797,"filename":"53797-origin-1200.jpg","width":2048,"height":5207,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459365,"templ_id":53797,"filename":"53797-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1459366,"templ_id":53797,"filename":"53797-joom-b.jpg","width":430,"height":1093,"href":"","window_params":"","scr_type_id":178,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1638722,"templ_id":53797,"filename":"53797-0-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/53797.html","image":"https://s.tmimgcdn.com/scr/53700/material-joomla-template_53797-0-original.jpg","searchHash":"b9439b9e6cd752848ec2b2b40d6457f6","previewHash":"eac996db1fe3f67afeb184b70ed6cae9","authorNickname":"RockThemes","lowLevelTopic":"Web Design Templates","weightedRating":4.59090909090909,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":57,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"layout":"2 columns","features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","On-line chat","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Portfolio","Forum","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":["Neutral","Flat","Material Design"],"languageSupport":"English","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"badge":"badge-responsive","joomlaModules":["Articles - Newsflash","Articles Single","CarouFredSel","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form"],"templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.4.x","PHP editor."],"templateSources":[".PSD",".PHP"],"bootstrapVersion":"2.3.1","types":"Joomla Templates","topic":["Web Design Templates","Design","Design & Photography"],"documentationVersion":"v3.1","galleryScript":"MixItUp","isFree":"none","popularity":"Top Rated","followUpLetter":"joomla-templates-offers","nomotopress":"1","color":["white","cyan"],"livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-18926_v1/","width":"2048px","imageDescription":"https://s.tmimgcdn.com/scr/53700/53797-responsive-layout.jpg","kindOfShops":"This template can be used to build art, photography, design, hobbies, crafts, and entertainment websites.","imagesList":"Depositphotos13127254original,Depositphotos16958255original,Depositphotos27719727original,Depositphotos32927325original,Depositphotos39080127original","uniqueKeywords":"freelance app agency digital soft application onepage landingpage mobile studio creative developer design advertising webmasters designer internet it site portfolio","metaDescription":"Need a Functionally and Visually Modern Site? Use This Web Design Joomla Template with Responsive Layout, Social Integration and Material Design.","htmlTitle":"Web Design Joomla Template","shortDescription":"<p>Welcome a web design Joomla template crafted in accordance with the latest trends. Among them, there is material design making the screen image more realistic and responsive design providing website usability on any portable device. With more and more people joining social networks today, the template has been integrated with social media. To be exact, it features icons meant to transfer visitors to your and your employees' profiles on Facebook, Twitter, Google, and others. There is also a social login option that simplifies authorization procedure, making web users free from the registration hassle. In case you are not completely satisfied with the default look of the template, you can modify its palette and typography via built-in customizer.</p><p>This template is a part of our <a href=\"https://www.templatemonster.com/blog/15-premium-templates-joomla/\">15+ Premium Templates for Joomla</a> list.</p><br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Design Joomla design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end framework for making websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is an extremely helpful instrument and that's the good reason it's very popular. Using this framework, it will be possible to create responsive design, fitting for any kind of display size, prototype cutting edge designs with no troubles and be sure your own site is definitely cross-browser compatible.</p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <h3>This Design Blog Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adapt to scaled-down and also greater display screen dimensions automatically.</p> <p><b>Why is it Good?</b></p><p>Mobile phones generate 80percent of global web utilization. It's fundamental to make your internet page responsive unless you desire to reduce your current potential audience.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> <h3>This is a Parallax Designer Joomla template</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in webdesign when background picture moves at a slower rate than a front content, forming the illusion of depth. </p> <p><b>Why is it Good?</b></p><p>Through the parallax scrolling animation, you can certainly add the impression of intensity to your website, so presenting your data in a far more good looking manner.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design templates</a> here</p> <h3>This Web Design Agency Joomla template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly internet site lets any searcher to examine every page of the web page, outline the content and index them in the repository.</p> <p><b>Why is it Good?</b></p><p>You don't need to be an expert at SEO to get high rankings in Google. WordPress SEO plugins help to compose SEO-friendly titles and meta descriptions, and also analyze on-page content, let you make XML-sitemaps, and many more.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla themes</a> here</p> <h3>This is Web Design Company Joomla design theme with Portfolio</h3> <p><b>What is it?</b></p><p>A portfolio could be the must-have instrument of any kind of business enterprise that need to establish an expert brand. This is a display of work, products or services that can be sorted in the visually good-looking way.</p> <p><b>Why is it Good?</b></p><p>It serves as a self-sufficient strategy of marketing. Any site surfer is able to see your works and projects. You could attract potential customers and operate without intermediaries - clients independently will come to you.</p><p>Fresh <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla themes</a> here</p> <h3>This is Web Design Company Joomla design with On-line chat functionality</h3> <p><b>What is it?</b></p><p>This option allows you to integrate your internet store with the LiveChat method. </p> <p><b>Why is it Good?</b></p><p>It helps you to live chat with website visitors and check guests' internet functions.</p><p>Browse for more <a href=\"https://www.templatemonster.com/online-chat-joomla-templates/\">On-line chat Joomla design themes</a> here</p> <br /></div></div></div></div>","nameOfTheTemplate":"Material Joomla Template","bitLyUrl":"http://bit.ly/1dw6z8B","imageKeyFeatures":"https://s.tmimgcdn.com/scr/53700/53797_v1-1300_01.jpg,https://s.tmimgcdn.com/scr/53700/53797_v1-1300_02.jpg,https://s.tmimgcdn.com/scr/53700/53797_v1-1300_03.jpg,https://s.tmimgcdn.com/scr/53700/53797_v1-1300_04.jpg,https://s.tmimgcdn.com/scr/53700/53797_v1-1300_05.jpg,https://s.tmimgcdn.com/scr/53700/53797_v1-1300_06.jpg,https://s.tmimgcdn.com/scr/53700/53797_v1-1300_07.jpg,https://s.tmimgcdn.com/scr/53700/53797_v1-1300_08.jpg","reviewsTotal":"12","reviewAverageScore":"5","issuggestion":"1","reviewsTotalEs":"1","reviewAverageScoreEs":"5","changeLog":"<b>Update(February 12, 2019):</b><br/><br/> <ul>  <li> - Updated Joomla to version 3.9.2;  <li> - FIX: minor bugs. </ul> <b>Update(September 17, 2018):</b><br/><br/> <ul>  <li> - Updated Joomla to version 3.8.10;  <li> - Update AcyMailing Starter 5.10.3;  <li> - Update JoomGallery 3.3.4;  <li> - Update pkg_kunena_v5.1.1;  <li> - Update mod_tm_ajax_contact_form_v.2.1.7;  <li> - FIX: minor bugs. </ul>","changeLogDate":"2016-08-31","showVariantForcibly":"b","trendiness":"1","reviewsTotalDe":"1","reviewAverageScoreDe":"5","lastmod":"2021-06-24T10:32:11-04:00","loyaltySells":"1","sqi":"95","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","dqi":"00","authorUserId":"1768190","skupromo":"21%","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_1300.png\" srcset=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_2560.png 2x\" alt=\"img\"/>","joomlaEngine":"3.9","joomlaCompatibility":"3.9.x","excludeExclusive":"Yes","customUrl":"/joomla-templates/53797.html","demoMetaDescription":"The demo of this top notch Material Joomla Template (#53797) is presented here for you to get the look and feel of the design before you buy it. Click through the pages, check out the images, click the buttons, explore the features.","isOldDemoUrl":"1","tags":["advertising","agency","app","application","art","artists","creative","design","designer","designers","developer","development","digital","freelance","gallery","internet","material","mobile","one","painters","painting","personal","portfolio","site","sites","soft","studio","web","landingpage","it","webpage","onepage"],"marketplaceMembership":"None","pHPVersionCompatibility":"7.x","hELPURL":"/quick-start-guide/joomla-3/","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"installation":"Installation and set up instructions are attached (look for Documentation folder).","templateIcon":"icon-joomla","productFamily":"None","templateGroup":"CMS Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 03 May 2024 07:02:35 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=53797&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53797&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53797&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 07:07:35 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://livedemo00-joomla.template-help.com/joomla_prod-18926_v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53797 Preview</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8;"/>
    <link rel="canonical" href="https://rms.templates.com/demo/53797.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

    $('#frame_controls .device_item').click(function(){
            $(this).siblings().removeClass('device_current');
            $(this).addClass('device_current');
            var className = $(this).data('device');
            $('#showframe').attr('class', className);
            return false;
        });

    });
    </script>
    <style>
    /* Frame with demo-----  */

/* Desktop */
#showframe {
    width: 100%;
    margin: 0 auto;
    /*
    position: relative;
    z-index: 1;
    */
}
    #showframe .hide_wrap {
        overflow: hidden;
    }
    #showframe iframe {
        width: 100%;
        height: 100%;
        display:block;
        vertical-align: top;
    }

/* Tablet landscape */
#showframe.tab_land {
    margin-top: 30px;
    /*width: 1224px;*/
    width: 1200px;
    padding: 38px 103px 37px 85px;
    background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
    #showframe.tab_land .hide_wrap {
        width: 1024px;
                height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_land .hide_wrap iframe {
        width: 1041px !important;
        height: 640px !important;
    }

/* Tablet portrait */
#showframe.tab_port {
    margin-top: 30px;
    /*width: 480px;*/
    width: 540px;
    padding: 65px 27px 78px 28px;
    background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
    #showframe.tab_port .hide_wrap {
        width: 480px;
        height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_port .hide_wrap iframe {
    	width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	/*width: 320px;*/
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}
#frame_controls .device_tablet_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/* Mobile landscape */
#showframe.mobile_land {
	margin-top: 30px;
	/*width: 1024px;*/
	width: 800px;
	padding: 15px 103px 37px 90px;
	background: url(../images/mobile_landscape.png) 0 0 no-repeat;
}
	#showframe.mobile_land .hide_wrap {
		width: 1024px;
				height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile_land .hide_wrap iframe {
		width: 520px !important;
		height: 320px !important;
	}
	#frame_controls .device_mobile_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/*Device Styles start*/
#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		/*font-size: 1.5em;*/
		height: 54px;
		/*line-height: 54px;*/
		text-align:center;

		width: 54px;
		margin-left:2px;
		/*background-color: #233448;*/

		/*padding: 0 12px;*/
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
/*Device Styles End*/
	.pricer{
		max-width:100px!important;
		min-width:100px!important;
		}

    </style>
    <style>
	/*Advanced Styles*/
a {
	text-decoration: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	    -ms-transition: color .3s ease, background-color .3s ease;
	        transition: color .3s ease, background-color .3s ease;
}
body, a, a:visited, a:active {
	color: #fff;
}
a:active {
	outline: none;
}

[class*="icon-"]:before {
	margin:0;
	padding:0;
	line-height:inherit;
	vertical-align:baseline;
}


#header {
	background-color: #0a1d33;
	height: 54px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#header:after {
	content:' ';
	display:block;
	width: 100%;
	height:0;
	clear:both;
}

#header .left_col {
	float: left;
	height: 54px;
}

	#logo {
		display: inline-block;
		vertical-align: top;
		text-align:center;
		/*margin-right: 1px;*/
	}
		#logo img {
			vertical-align: top;
			width: auto;
			height: 54px;
			max-height:100%;
		}

	#socials {
		display: inline-block;
		vertical-align: top;
		height:100%;
	}
		#socials .social_item {
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align:center;
			/*
			margin-left:2px;
			background-color: #233448;
			*/
			border-right: 1px solid #2f3f51;
		}


	#theme_selector {
		display: inline-block;
		vertical-align: top;
		color: #dedfe0;
		position:relative;
		/*
		background-color: #233448;
		margin-left: 2px;
		*/
		border-right: 1px solid #2f3f51;
		text-align: left;
	}
		#theme_selector .current_theme {
			display: block;
			width: 390px;
			height: 54px;
			line-height: 54px;
			overflow:hidden;
			padding: 0 3em 0 2em;
			color: #dedfe0;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
		}
		#theme_selector .current_theme:hover {
			color: #fff;
		}
		#theme_selector .current_theme:after {
			content: '\e825';
			font-family: 'fontello';
			display:inline-block;
			vertical-align:top;
			line-height: 56px;
			font-size: 1.25em;
			position:absolute;
			z-index:1;
			right: 1.5em;
			top: 0;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
		}
		#theme_selector .current_theme:hover:after {
			color: #fff;
		}
		#theme_selector .theme_selector_opened:after {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			#theme_selector .current_theme_name {
				width: 100%;
				overflow: hidden;
			}
		#theme_selector .related_themes {
			display: none;
			width: 390px;
			padding: 2em;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
			position: absolute;
			left: 0;
			top: 54px;
			background-color: #0a1d33;
		}
			#theme_selector .themes_list {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#theme_selector .themes_list li {
				position: relative;
				padding-left: 2em;
			}
			#theme_selector .themes_list li:before {
				content: " ";
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				width: 1em;
				height: 2px;
				background-color: #15e27f;
			}
			#theme_selector .themes_list li a {
				display:block;
				color: #dedfe0;
			}
			#theme_selector .themes_list li.active a,
			#theme_selector .themes_list li a:hover {
				color: #15e27f;
			}
			#theme_selector .themes_list li + li {
				margin-top: 0.5em;
			}
			#theme_selector .placeholder {
				width: 100%;
				margin-top: 1em;
			}
			#theme_selector .placeholder img {
				width: 100%;
				max-width:100%;
				height: auto;
				vertical-align: top;
			}

#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		height: 54px;
		line-height: 54px;
		text-align:center;
		/*
		width: 54px;
		margin-left:2px;
		background-color: #233448;
		*/
		padding: 0 12px;
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_tablet_landscape:before {
		-webkit-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
				transform:rotate(-90deg);
	}


#header .right_col {
	float: right;
	display:inline-block;
	vertical-align: top;
	height: 54px;
}
	#header .right_col > a {
		display: inline-block;
		vertical-align:top;
		height: 54px;
		line-height:54px;
		text-align:center;
		padding: 0 3.4em;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:1px;
		/*
		margin-left: 2px;
		background-color: #233448;
		*/
		border-left: 1px solid #2f3f51;
	}
	#header .right_col > a:hover {
		background-color: #ff1f00;
	}
	#header .right_col > a:before {
		margin-right: 0.5em;
		vertical-align: top;
		font-size:1.25em;
	}
	#header .right_col > a.docs {
		padding: 0 3.6em;
	}
	#header .right_col > a.purchase {
		color: #fff;
		background-color: #15e27f;
		padding: 0 4em;
		border-left: none;
	}
	#header .right_col > a.purchase:hover,
	#header .right_col > a.docs:hover {
		color: #0a1d33;
		background-color: #f7f7f7;
	}
	#header .right_col > a.closeframe {
		padding:0 !important;
		letter-spacing:0 !important;
		width: 54px;
		visibility: hidden;
	}
	#header .right_col > a.closeframe:hover {
		color: #15e27f;
		background-color: #0a1d33;
	}
	#header .right_col > a.closeframe:before {
		margin-right: 0;
	}


.openframe,
.basket {
	display: block;
	width: 54px;
	height: 54px;
	line-height:54px;
	background-color: #0a1d33;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.basket {
	background-color:#15e27f;
	z-index: 1;
	font-size: 18px;
}
.basket:hover {
	color: #0a1d33;
	background-color: #f7f7f7;
}
.openframe:before {
	content: '\e815';
	font-family: 'fontello';
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
body.header_off .openframe:before {
	/*
	content: '\e829';
	*/
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.openframe:hover {
	color: #15e27f;
	background-color: #0a1d33;
}


/* Frame with demo
-----------------------------  */

/* Desktop */
#showframe {
	width: 100%;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 1;
	*/
}
	#showframe .hide_wrap {
		overflow: hidden;
	}
	#showframe iframe {
		width: 100%;
		height: 100%;
		display:block;
		vertical-align: top;
	}

/* Tablet landscape */
#showframe.tab_land {
	margin-top: 30px;
	width: 1224px;
	padding: 38px 103px 37px 85px;
	background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
	#showframe.tab_land .hide_wrap {
		width: 1024px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_land .hide_wrap iframe {
		width: 1041px !important;
		height: 640px !important;
	}

/* Tablet portrait */
#showframe.tab_port {
	margin-top: 30px;
	width: 540px;
	padding: 65px 27px 78px 28px;
	background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
	#showframe.tab_port .hide_wrap {
		width: 480px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_port .hide_wrap iframe {
		width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}




@media (max-width: 1529px) {
	body {
		font-size:13px;
		line-height:20px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:42px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	#theme_selector .current_theme {
		width: 300px;
		height: 42px;
		line-height: 42px;
		padding: 0 2em 0 1.5em;
	}
	#theme_selector .current_theme:after {
		line-height: 42px;
		right: 1em;
	}
	#theme_selector .related_themes {
		width: 300px;
		padding: 1.5em;
		top: 42px;
	}
	#frame_controls .device_item {
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
	}
	#header .right_col > a {
		height: 42px;
		line-height:42px;
		padding: 0 2em !important;
	}
	#header .right_col > a.closeframe {
		width: 42px;
	}
	.openframe,
	.basket {
		width: 42px;
		height: 42px;
		line-height:42px;
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	#frame_controls {
		display:none;
	}
}
@media (max-width: 1023px) {
	#header .right_col > a.docs {
		display: none;
	}
}
@media (max-width: 959px) {
	#header .right_col > a.customization {
		display: none;
	}
}
@media (max-width: 767px) {
	#socials {
		display: none;
	}
	#theme_selector .current_theme {
		width: 270px;
		padding: 0 1.5em 0 1em;
	}
	#theme_selector .current_theme:after {
		right: 0.5em;
	}
	#theme_selector .related_themes {
		width: 270px;
		padding: 1em;
	}
	#header .right_col > a {
		font-size: 10px;
	}
}
@media (max-width: 639px) {
	#theme_selector .current_theme {
		display: none;
	}
}
@media (max-width: 479px) {
	body {
		font-size:12px;
		line-height:18px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:36px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#header .right_col > a {
		height: 36px;
		line-height:36px;
		font-size: 10px;
	}
	#header .right_col > a.purchase {
		letter-spacing:0;
	}
	#header .right_col > a.closeframe {
		width: 36px;
	}
	.openframe,
	.basket {
		width: 36px;
		height: 36px;
		line-height:36px;
	}
}
	</style>



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                Joomla Templates #53797            </li>
            <!--responsivator HTML-->
            <li class="block inner info" id="frame_controls">
                <a href="#" class="icon-desktop device_item device_desktop device_current" data-width="100%" data-device="desktop"></a>
                <!--<a href="#" class="icon-tablet device_item device_tablet_landscape" data-width="960" data-device="tab_land"></a>-->
                <a href="#" class="icon-tablet device_item device_tablet_portrait" data-width="480" data-device="tab_port"></a>
                <a href="#" class="icon-mobile device_item device_mobile" data-width="320" data-device="mobile"></a>
                <!--<a href="#" class="icon-mobile device_item device_mobile_landscape" data-width="320" data-device="mobile_land"></a>-->
			</li>

                        <li class="block inner"><a href="https://www.templatehelp.com/preset/cart.php?act=add&amp;templ=53797&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $52                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/joomla-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>