string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=63840&expand=properties"
string(20131) "[{"templateId":63840,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":133,"categoryName":"Advertising Agency Templates","templateTitle":"Advertising Agency Responsive WordPress Theme","templatePreviewHtmlTitle":"Swanxy WordPress Theme #63840 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Swanxy WordPress Theme #63840","typeShortName":"WordPress","templatePreviewFBTitle":"Swanxy is a modern responsive Ad Agency WordPress Theme with a top-end design defined by geometric shapes and a monochromatic color palette. It has a tiny hamburger button, which opens a full-featured pull-out sidebar menu upon click, which remains accessible on any page of your website while not cluttering its layout with cumbersome navigation elements. For those who like blogging, the theme offers 5 stylish blog layouts including grid and masonry, and also several unique post formats. The integration with Instagram and other social networks makes it possible for you to easily promote your business via social media. Swanxy is a solid WordPress theme suited for many kinds of businesses. You can watch its features in action by clicking the View Live Demo button.<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 Parallax Graphic Design WP template</h3> <p><b>What is it?</b></p><p>Parallax effect is a method in web page design where the background content shifts slower than the foreground.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling will let you add more depth to your site look.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-wordpress-themes/\">Parallax WP themes</a> here</p> <h3>This Business Services Company Wordpress design template is WPML ready</h3> <p><b>What is it?</b></p><p>WordPress Multilingual ready web templates will translate any kind of code-embedded written text on your internet site.</p> <p><b>Why is it Good?</b></p><p>WPML-ready WordPress designs provide the freedom to translate posts, tag words, categories, etcetera in a range of foreign languages. This really makes your web site content much better to comprehend for global customers. </p><p>Find fresh <a href=\"https://www.templatemonster.com/wpml-ready-wordpress-themes/\">WPML ready WordPress design themes</a> here</p> <h3>This Photography News Wordpress design template is Responsive</h3> <p><b>What is it?</b></p><p>This is basically the capability of the page layout to transform according to the width of the display.</p> <p><b>Why is it Good?</b></p><p>It is good because the website can be reached by more viewers from the large amount of gadgets. </p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-wordpress-themes/\">Responsive WP templates</a> here</p> <h3>This is Design Shop WordPress design with GPL License</h3> <p><b>What is it?</b></p><p>Using GPL License you'll adjust and therefore share software in whatever way you wish.</p> <p><b>Why is it Good?</b></p><p>GPL License offers users the freedom to study, remodel and distribute software without having boundaries. </p><p>View latest <a href=\"https://www.templatemonster.com/gpl-license-wordpress-themes/\">GPL License WP templates</a> here</p> <h3>This Creative Marketing Agency WordPress template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina ready displays offer high pixel density which makes the spectacular excellence of the visible subject material web presentation on last-generation gadgets.</p> <p><b>Why is it Good?</b></p><p>Your illustrations and the whole content will look highly detailed and beautiful. Colors are vivid, bright and it makes your internet site to look much better on any kind of gadget.</p><p>Find newest <a href=\"https://www.templatemonster.com/retina-ready-wordpress-themes/\">Retina Ready WordPress templates</a> here</p> <h3>This Business Company WordPress design theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Optimized website templates were intended to draw in consumers and web engine bots to your website page.</p> <p><b>Why is it Good?</b></p><p>Since clients have faith in search engines, therefore internet sites that appear to be in the top of search result will increase the number of customers and generate great income.</p><p>View more <a href=\"https://www.templatemonster.com/seo-wordpress-themes/\">Search Engine Friendly Wordpress design templates</a> here</p> <h3>This is Design Shop WordPress template with Sample Data Installer</h3> <p><b>What is it?</b></p><p>Sample Data Installer is an extension that can help you conveniently install total version of a design which includes all of its components.</p> <p><b>Why is it Good?</b></p><p>If you wish to make the internet site look just like on live demo, this component will help you. Additionally, setting up sample data content will save your time substantially whilst making a website.</p><p>View more <a href=\"https://www.templatemonster.com/sample-data-installer-wordpress-themes/\">Sample Data Installer WordPress themes</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/best-wordpress-blog-themes/\">100 Best Free WordPress Blog Themes</a></p><p><a href=\"https://www.templatemonster.com/blog/best-wordpress-themes-advertising/\">TOP WordPress Themes For Advertising</a></p><p><a href=\"https://www.templatemonster.com/blog/business-wordpress-templates/\">Top 100 Business WordPress Templates</a></p><p><a href=\"https://www.templatemonster.com/blog/creative-digital-agency-wordpress-themes/\">TOP 35 Creative Digital Agency WordPress Themes</a></p><p><a href=\"https://www.templatemonster.com/blog/top-web-design-agency-wordpress-themes/\">Best WordPress Themes For Graphic Designers</a></p>","templateFullTitle":"Swanxy WordPress Theme","templatePreviewMetaDescription":"Swanxy is a modern responsive Ad Agency WordPress Theme with a top-end design defined by geometric shapes and a monochromatic color palette. It has a tiny","templateDemoMetaDescription":"Explore the live preview for the high quality Swanxy WordPress Theme (#63840) get yourself informed about this design prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Swanxy WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/63840.html","userRating":"5","designIndex":"94","authorUserId":"1768190","exclusive":0,"state":1,"price":67,"inserted_date":"2017-05-31","sent":2,"downloads":116,"search_words":"","is_adult":0,"exc_price":5000,"sent_date":"2017-06-27 00:00:00","last_upload":"2017-05-31 00:00:00","package_id":287,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":314,"filename":"63840-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":1903,"window_params":"","banner_url":"","id":1693730,"href":"","height":9767},{"scr_type_id":299,"filename":"63840-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":430,"window_params":"","banner_url":"","id":1693731,"href":"","height":900},{"scr_type_id":300,"filename":"63840-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":320,"window_params":"","banner_url":"","id":1693732,"href":"","height":900},{"scr_type_id":336,"filename":"63840-wpgpl-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":430,"window_params":"","banner_url":"","id":1693733,"href":"","height":2207},{"scr_type_id":298,"filename":"63840-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":430,"window_params":"","banner_url":"","id":1693734,"href":"","height":900},{"scr_type_id":334,"filename":"63840-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":1600,"window_params":"","banner_url":"","id":1693735,"href":"","height":1000},{"scr_type_id":9,"filename":"63840-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":145,"window_params":"","banner_url":"","id":1693736,"href":"","height":156},{"scr_type_id":311,"filename":"63840-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":965,"window_params":"","banner_url":"","id":1693737,"href":"","height":2000},{"scr_type_id":315,"filename":"63840-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":1903,"window_params":"","banner_url":"","id":1693738,"href":"","height":9767},{"scr_type_id":265,"filename":"63840-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":895,"window_params":"","banner_url":"","id":1693739,"href":"","height":599},{"scr_type_id":3,"filename":"63840-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":408,"window_params":"","banner_url":"","id":1693740,"href":"","height":55},{"scr_type_id":3,"filename":"63840-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":1903,"window_params":"","banner_url":"","id":1693741,"href":"","height":9767},{"scr_type_id":312,"filename":"63840-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63840,"width":370,"window_params":"","banner_url":"","id":1693742,"href":"","height":370}],"demoUrl":"/demo/63840.html","image":"https://s.tmimgcdn.com/scr/63800/swanxy-wordpress-theme_63840-0-original.jpg","searchHash":"9ab2b83529a26a48d14c73d7c587b96a","previewHash":"476b82fe9c57d8f473f4de2e9248baed","authorNickname":"RockThemes","lowLevelTopic":"Advertising Agency Templates; Web Design Templates","weightedRating":4.375,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":67,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This responsive WordPress theme works best for Business, Communications, Internet and Media websites.","showVariantForcibly":"b","metaDescription":"Use this responsive Ad Agency WordPress Theme to give your company website a fresh look and enhance it with awesome additional functions.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/63800/63840-en_01.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_02.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_03.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_04.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_05.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_06.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_07.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_08.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_09.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_10.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_11.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_12.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_13.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_14.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_15.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_16.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_17.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_18.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_19.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_20.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_21.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_22.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_23.jpg,https://s.tmimgcdn.com/scr/63800/63840-en_24.jpg","wordpressgpl":"1","features":["Admin Panel","Responsive","Retina Ready","Search Engine Friendly","Team Members","GPL License","Blog","Parallax","Dropdown Menu","Google map","Sample content","Power Page Builder","Performance Optimization"],"templateSources":[".PHP","This theme is widgetized"],"authorUserId":"1768190","languageSupport":"English","htmlTitle":"Ad Agency WordPress Theme","isFree":"none","hELPURL":"/quick-start-guide/wordpress/","imageDescription":"https://s.tmimgcdn.com/scr/63800/63840-responsive-layout.jpg","additionalInfo":"Well Documented","wordPressBuilder":"Cherry Framework 5","templateSoftwareRequired":["Apache Server","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2021-04-08T13:26:56-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"wordpressEngine":"4.8.x","compatibleWith":["WPML","Ecwid","MailChimp"],"wordpressComCompatibility":"Not Compatible","demoMetaDescription":"Explore the live preview for the high quality Swanxy WordPress Theme (#63840) get yourself informed about this design prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","shortDescription":"Swanxy is a modern responsive Ad Agency WordPress Theme with a top-end design defined by geometric shapes and a monochromatic color palette. It has a tiny hamburger button, which opens a full-featured pull-out sidebar menu upon click, which remains accessible on any page of your website while not cluttering its layout with cumbersome navigation elements. For those who like blogging, the theme offers 5 stylish blog layouts including grid and masonry, and also several unique post formats. The integration with Instagram and other social networks makes it possible for you to easily promote your business via social media. Swanxy is a solid WordPress theme suited for many kinds of businesses. You can watch its features in action by clicking the View Live Demo button.<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 Parallax Graphic Design WP template</h3> <p><b>What is it?</b></p><p>Parallax effect is a method in web page design where the background content shifts slower than the foreground.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling will let you add more depth to your site look.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-wordpress-themes/\">Parallax WP themes</a> here</p> <h3>This Business Services Company Wordpress design template is WPML ready</h3> <p><b>What is it?</b></p><p>WordPress Multilingual ready web templates will translate any kind of code-embedded written text on your internet site.</p> <p><b>Why is it Good?</b></p><p>WPML-ready WordPress designs provide the freedom to translate posts, tag words, categories, etcetera in a range of foreign languages. This really makes your web site content much better to comprehend for global customers. </p><p>Find fresh <a href=\"https://www.templatemonster.com/wpml-ready-wordpress-themes/\">WPML ready WordPress design themes</a> here</p> <h3>This Photography News Wordpress design template is Responsive</h3> <p><b>What is it?</b></p><p>This is basically the capability of the page layout to transform according to the width of the display.</p> <p><b>Why is it Good?</b></p><p>It is good because the website can be reached by more viewers from the large amount of gadgets. </p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-wordpress-themes/\">Responsive WP templates</a> here</p> <h3>This is Design Shop WordPress design with GPL License</h3> <p><b>What is it?</b></p><p>Using GPL License you'll adjust and therefore share software in whatever way you wish.</p> <p><b>Why is it Good?</b></p><p>GPL License offers users the freedom to study, remodel and distribute software without having boundaries. </p><p>View latest <a href=\"https://www.templatemonster.com/gpl-license-wordpress-themes/\">GPL License WP templates</a> here</p> <h3>This Creative Marketing Agency WordPress template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina ready displays offer high pixel density which makes the spectacular excellence of the visible subject material web presentation on last-generation gadgets.</p> <p><b>Why is it Good?</b></p><p>Your illustrations and the whole content will look highly detailed and beautiful. Colors are vivid, bright and it makes your internet site to look much better on any kind of gadget.</p><p>Find newest <a href=\"https://www.templatemonster.com/retina-ready-wordpress-themes/\">Retina Ready WordPress templates</a> here</p> <h3>This Business Company WordPress design theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Optimized website templates were intended to draw in consumers and web engine bots to your website page.</p> <p><b>Why is it Good?</b></p><p>Since clients have faith in search engines, therefore internet sites that appear to be in the top of search result will increase the number of customers and generate great income.</p><p>View more <a href=\"https://www.templatemonster.com/seo-wordpress-themes/\">Search Engine Friendly Wordpress design templates</a> here</p> <h3>This is Design Shop WordPress template with Sample Data Installer</h3> <p><b>What is it?</b></p><p>Sample Data Installer is an extension that can help you conveniently install total version of a design which includes all of its components.</p> <p><b>Why is it Good?</b></p><p>If you wish to make the internet site look just like on live demo, this component will help you. Additionally, setting up sample data content will save your time substantially whilst making a website.</p><p>View more <a href=\"https://www.templatemonster.com/sample-data-installer-wordpress-themes/\">Sample Data Installer WordPress themes</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/best-wordpress-blog-themes/\">100 Best Free WordPress Blog Themes</a></p><p><a href=\"https://www.templatemonster.com/blog/best-wordpress-themes-advertising/\">TOP WordPress Themes For Advertising</a></p><p><a href=\"https://www.templatemonster.com/blog/business-wordpress-templates/\">Top 100 Business WordPress Templates</a></p><p><a href=\"https://www.templatemonster.com/blog/creative-digital-agency-wordpress-themes/\">TOP 35 Creative Digital Agency WordPress Themes</a></p><p><a href=\"https://www.templatemonster.com/blog/top-web-design-agency-wordpress-themes/\">Best WordPress Themes For Graphic Designers</a></p>","customUrl":"/wordpress-themes/63840.html","nameOfTheTemplate":"Swanxy WordPress Theme","pHPVersionCompatibility":"7.x","topic":["Advertising Agency Templates","Web Design Templates","Design","Design & Photography","Business & Services"],"styles":"Neutral","wpWoo":"1","productFamily":"None","color":["black","white","grey"],"followUpLetter":"wp-themes-offers","reviewsTotal":"6","wordpressCompatibility":"4.9.x","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://ld-wp.template-help.com/wordpress_63840_v1/","templateGroup":"Wordpress Store","popularity":"Top Rated","nomotopress":"1","dynamicChangeLog":"<ul>\n<li>- 1 HTML bug fixed</li>\n<li>- 1 minor back-end issue fixed</li>\n</ul>","templateIcon":"icon-wordpress","templateHostingRequirements":["The mod_rewrite Apache module","PHP 5.4 or higher","MySQL 5.5 or higher","50 MB of disk space","Memory limit per process: 64mb (128mb or more recommended)"],"notice":"In case the theme is released under the GNU GPLv3 license the stock images used in this theme and its .psd source files are not included to the delivered package, as they do not fall under the GPL license.","types":"WordPress Themes","isOldDemoUrl":"1","trendiness":"1","documentationLink":"wordpress/projects/swanxy/index.html","bitLyUrl":"http://bit.ly/2tRs2ll","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"loyaltySells":"1","skupromo":"9%","marketplaceMembership":"One","category":"Website templates","dqi":"94"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 01 Nov 2024 20:38:24 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=63840&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=63840&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=63840&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 01 Nov 2024 20:43:24 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: 159.203.151.221:80"
}
https://ld-wp.template-help.com/wordpress_63840_v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#63840 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/63840.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">
                WordPress Themes #63840            </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=63840&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $62                <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="/wordpress-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>