string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=86977&expand=properties"
string(19473) "[{"templateId":86977,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":281,"categoryName":"News Portal Templates","templateTitle":"News Portal Responsive WordPress Theme","templatePreviewHtmlTitle":"Gutenberry - Gutenberg-based Clean Blog WordPress Theme","templateDemoHtmlTitle":"Live demo for Gutenberry - Gutenberg-based Clean Blog WordPress Theme #86977","typeShortName":"WordPress","templatePreviewFBTitle":"<h2><strong>Clean blog WordPress theme you've waited for - it's time for Gutenberg and Gutenberry!</strong></h2><p>Meet Gutenberry minimal WordPress theme, meant to work with Gutenberg editor and latest WordPress versions. </p><p>This theme is a unique combination of classy appearance combined with the functionality based on the Gutenberg editor. </p><p>If you're avoiding any extra third-party theme builders, you should know how drastically they might affect the general page loading speed, especially if you have hundreds of publications on your website. </p><p>With Gutenberg native WordPress editor you won’t need anything else to complicate or overload your website - the theme itself and Gutenberg editor will be enough for your blog. </p><p>The theme gives you access to all the features Gutenberg editor can provide you with, along with a set of unique blocks for Gutenberg to improve your content editing experience. </p><h2><strong>6 Home Page Variations to Showcase Your Content</strong></h2><p>You don't want your website to look like any other site of your competitor, yet you don't see how you can accomplish this without complex stylization options and loads of extra widgets? </p><p>Gutenberry clean blog WordPress theme will be a nice choice for you in this case. </p><p>You’ll get 6 minimalistic neat home page variations you can set on your website and use to achieve the best results!</p><p>Choose from 6 bright and clean designs built with Gutenberg, the one that will fit your blogging website better. </p><ul><li>Crystal - your publications will be organized in three classy pre-designed layouts that are available in Gutenberg. You'll be able to edit it at any time, whenever you deem it necessary. There's a lot of negative space and a neat subscription form block engaging the visitors to become your subscribers. </li><li>Mauve - a pink design of the home page that will perfectly fit women's blog topics. A stylish grid layout below can be customized, showcasing only the meta data you want to be visible for the visitors. </li><li>Azure - this home page variation will suit your website if you prefer boxed layouts and want the pages to look organized and compact. There are several grids with different stylization in place, along with a striking single post in the hero block. </li><li>Lavender - if your blog lacks in the sophistication field, this home page will be a natural choice for you. A clean hero block and sleek chess and grid layouts combined will help you organize your content the way you need.</li><li>Nude - enjoy the stylish posts layout with the posts contained in a boxed chess layout. This stylish home page variation is built with Gutenberg from top to bottom and can be easily customized.</li><li>Aqua - meet a neat blue-and-white layout for publications in a beautiful listing with pagination and a cool sidebar which you can enable or disable at will if you have a need to showcase additional posts feed, archives, categories, and other useful information. </li></ul><h2><strong>6 Unique blog layouts</strong></h2><p>Gutenberry clean minimal WordPress theme for Gutenberg can boast with 6 powerful blog layouts to showcase your publications archive in the best light. All the blog page variations contain pagination and allow displaying meta data in a convenient format. </p><p>You can easily choose from these layout types: </p><ul><li>Classic listing </li><li>Classic listing small</li><li>Classic listing without sidebar</li><li>Classic listing small without sidebar</li><li>Small listing grid</li><li>Large listing grid</li></ul><h2><strong>A Neat Single Post Built with Gutenberg</strong></h2><p>Embrace the opportunities Gutenberg editor opens up for you with the extra flexible page layout options and even more opportunities that allow boosting a page or blog post with imagery, SEO-friendly headings and multiple columns that are easy to set up. </p><p>With Gutenberry clean minimal WordPress theme for Gutenberg you'll be satisfied when creating content, knowing at all times that you can enhance it according to your vision with a cover, color overlay, nested blocks, and all the extra blocks available within this theme. </p><h2><strong>ZeGuten Plugin for Extra Content </strong></h2><p>Learn the power of extra Gutenberg blocks with ZeGuten plugin that comes with 11 additional blocks for your content types. </p><h3><strong><em>Section</em></strong></h3><p>Use this block to enable your custom height parameters, position any content, add customizable gap before or after your content, or use and custom container width. </p><p>This block is a must-have if you want your page or post to be well-structured and immaculate, with all the needed paddings and margins in place. </p><p>You’ll also be able to set a background image of your choice and adjust ints opacity to your liking. </p><p>A fixed background option will also come in handy if you want to use a parallax-like style. </p><p>Another great option is an ability to set any gradient to the whole section and use 3 colors in a gradient at once. </p><p>Once you experience the burst of style available in Gutenberry clean minimal WordPress theme, you’ll be amazed with the opportunities it gives.</p><h3><strong><em>Posts</em></strong></h3><p>Speaking of the blogging theme, it stands for a reason that we'd need a powerful Posts block to add an opportunity for displaying publications in Gutenberg. When building with Gutenberg editor in WordPress 5.x, you will need a special block for displaying your blog posts - and ZeGuten will provide you with one!</p><p>The Posts block will let you choose from 3 post layout types, such as:</p><ul><li><em>Posts list</em> - a perfect layout to arrange your posts into a neat listing. </li><li><em>Posts grid</em> - the layout to arrange publications into a grid with flexible columns quantity.</li><li><em>Uneven posts list</em> - use it to arrange posts in a chess order for a stylish look. </li></ul><p><strong>Enter the world of simple blogging with Gutenberry minimal blog WordPress theme</strong></p><p>Your blog is your tool that helps you deliver ideas and communicate your thoughts to the audience. </p><p>That’s why it’s important that you don't have to struggle when writing blog posts. </p><p>Gutenberry minimal blog WordPress theme for Gutenberg will spare you this struggle, making the process of creation of unique content easy, satisfying and clean. </p><p>Share your content with the world. Leave all the rest to Gutenberry.</p>","templateFullTitle":"Gutenberry - Gutenberg-based Clean Blog WordPress Theme","templatePreviewMetaDescription":"Clean blog WordPress theme you've waited for - it's time for Gutenberg and Gutenberry!Meet Gutenberry minimal WordPress theme, meant to work with Gutenberg","templateDemoMetaDescription":"View the live preview for the Gutenberry - Gutenberg-based Clean Blog WordPress Theme (#86977) to learn what this theme is before buying it. Browse through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":"Gutenberry - Clean Blog WordPress Theme for Gutenberg editor","anchorTitle":"Gutenberry - Gutenberg-based Clean Blog WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/gutenberry-gutenberg-based-clean-blog-wordpress-theme-86977.html","userRating":"5","designIndex":"86","authorUserId":"1519369","exclusive":"1","state":1,"price":49,"inserted_date":"2019-10-04","sent":1,"downloads":20,"search_words":"personal blog wordpress theme blogger seo template minimalist modern news blogs responsive gutenberg design best emplates magazine site themes articles","is_adult":0,"exc_price":2100,"sent_date":"2019-12-27 11:15:56","last_upload":"2020-10-07 10:14:30","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1856579,"templ_id":86977,"filename":"86977-2-original.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1856580,"templ_id":86977,"filename":"86977-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1856581,"templ_id":86977,"filename":"86977-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":1856582,"templ_id":86977,"filename":"86977-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":1856583,"templ_id":86977,"filename":"86977-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/86977.html","image":"https://s.tmimgcdn.com/scr/86900/gutenberry-gutenberg-based-clean-blog-wordpress-theme_86977-2-original.jpg","searchHash":"941370fe7111ce7b701e63aa13c81573","previewHash":"58b265b06bee6d5cc8910ab6207c079c","authorNickname":"ZEMEZ","lowLevelTopic":"News Portal Templates; Web Design Templates; Personal Page Templates","weightedRating":4.25,"annualSale":1,"monthlySales":1,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":41,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Website Builder"],"languageSupport":["English","Russian"],"topic":["News Portal Templates","Media Templates","Web Design Templates","Personal Page Templates","Design","Design & Photography","Business & Services","Society & People"],"isFree":"none","popularity":"Top Rated","dateRange":["Last Week","This Month"],"color":["white","pink"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1519369","alreadyPacked":"1","compatibleWith":["WPML","MailChimp","Ecwid"],"marketplaceMembership":"One","excludeExclusive":"Yes","nameOfTheTemplate":"Gutenberry - Gutenberg-based Clean Blog WordPress Theme","shortDescription":"<h2><strong>Clean blog WordPress theme you've waited for - it's time for Gutenberg and Gutenberry!</strong></h2><p>Meet Gutenberry minimal WordPress theme, meant to work with Gutenberg editor and latest WordPress versions. </p><p>This theme is a unique combination of classy appearance combined with the functionality based on the Gutenberg editor. </p><p>If you're avoiding any extra third-party theme builders, you should know how drastically they might affect the general page loading speed, especially if you have hundreds of publications on your website. </p><p>With Gutenberg native WordPress editor you won’t need anything else to complicate or overload your website - the theme itself and Gutenberg editor will be enough for your blog. </p><p>The theme gives you access to all the features Gutenberg editor can provide you with, along with a set of unique blocks for Gutenberg to improve your content editing experience. </p><h2><strong>6 Home Page Variations to Showcase Your Content</strong></h2><p>You don't want your website to look like any other site of your competitor, yet you don't see how you can accomplish this without complex stylization options and loads of extra widgets? </p><p>Gutenberry clean blog WordPress theme will be a nice choice for you in this case. </p><p>You’ll get 6 minimalistic neat home page variations you can set on your website and use to achieve the best results!</p><p>Choose from 6 bright and clean designs built with Gutenberg, the one that will fit your blogging website better. </p><ul><li>Crystal - your publications will be organized in three classy pre-designed layouts that are available in Gutenberg. You'll be able to edit it at any time, whenever you deem it necessary. There's a lot of negative space and a neat subscription form block engaging the visitors to become your subscribers. </li><li>Mauve - a pink design of the home page that will perfectly fit women's blog topics. A stylish grid layout below can be customized, showcasing only the meta data you want to be visible for the visitors. </li><li>Azure - this home page variation will suit your website if you prefer boxed layouts and want the pages to look organized and compact. There are several grids with different stylization in place, along with a striking single post in the hero block. </li><li>Lavender - if your blog lacks in the sophistication field, this home page will be a natural choice for you. A clean hero block and sleek chess and grid layouts combined will help you organize your content the way you need.</li><li>Nude - enjoy the stylish posts layout with the posts contained in a boxed chess layout. This stylish home page variation is built with Gutenberg from top to bottom and can be easily customized.</li><li>Aqua - meet a neat blue-and-white layout for publications in a beautiful listing with pagination and a cool sidebar which you can enable or disable at will if you have a need to showcase additional posts feed, archives, categories, and other useful information. </li></ul><h2><strong>6 Unique blog layouts</strong></h2><p>Gutenberry clean minimal WordPress theme for Gutenberg can boast with 6 powerful blog layouts to showcase your publications archive in the best light. All the blog page variations contain pagination and allow displaying meta data in a convenient format. </p><p>You can easily choose from these layout types: </p><ul><li>Classic listing </li><li>Classic listing small</li><li>Classic listing without sidebar</li><li>Classic listing small without sidebar</li><li>Small listing grid</li><li>Large listing grid</li></ul><h2><strong>A Neat Single Post Built with Gutenberg</strong></h2><p>Embrace the opportunities Gutenberg editor opens up for you with the extra flexible page layout options and even more opportunities that allow boosting a page or blog post with imagery, SEO-friendly headings and multiple columns that are easy to set up. </p><p>With Gutenberry clean minimal WordPress theme for Gutenberg you'll be satisfied when creating content, knowing at all times that you can enhance it according to your vision with a cover, color overlay, nested blocks, and all the extra blocks available within this theme. </p><h2><strong>ZeGuten Plugin for Extra Content </strong></h2><p>Learn the power of extra Gutenberg blocks with ZeGuten plugin that comes with 11 additional blocks for your content types. </p><h3><strong><em>Section</em></strong></h3><p>Use this block to enable your custom height parameters, position any content, add customizable gap before or after your content, or use and custom container width. </p><p>This block is a must-have if you want your page or post to be well-structured and immaculate, with all the needed paddings and margins in place. </p><p>You’ll also be able to set a background image of your choice and adjust ints opacity to your liking. </p><p>A fixed background option will also come in handy if you want to use a parallax-like style. </p><p>Another great option is an ability to set any gradient to the whole section and use 3 colors in a gradient at once. </p><p>Once you experience the burst of style available in Gutenberry clean minimal WordPress theme, you’ll be amazed with the opportunities it gives.</p><h3><strong><em>Posts</em></strong></h3><p>Speaking of the blogging theme, it stands for a reason that we'd need a powerful Posts block to add an opportunity for displaying publications in Gutenberg. When building with Gutenberg editor in WordPress 5.x, you will need a special block for displaying your blog posts - and ZeGuten will provide you with one!</p><p>The Posts block will let you choose from 3 post layout types, such as:</p><ul><li><em>Posts list</em> - a perfect layout to arrange your posts into a neat listing. </li><li><em>Posts grid</em> - the layout to arrange publications into a grid with flexible columns quantity.</li><li><em>Uneven posts list</em> - use it to arrange posts in a chess order for a stylish look. </li></ul><p><strong>Enter the world of simple blogging with Gutenberry minimal blog WordPress theme</strong></p><p>Your blog is your tool that helps you deliver ideas and communicate your thoughts to the audience. </p><p>That’s why it’s important that you don't have to struggle when writing blog posts. </p><p>Gutenberry minimal blog WordPress theme for Gutenberg will spare you this struggle, making the process of creation of unique content easy, satisfying and clean. </p><p>Share your content with the world. Leave all the rest to Gutenberry.</p>","uniqueKeywords":"personal,blog,wordpress,theme,blogger,seo,template,minimalist,modern,news,blogs,responsive,gutenberg,design,best,emplates,magazine,site,themes,articles","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/1519369-1570198477737_Frame%204.9.jpg","dqi":"86","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/44184/scr/1575445618570_1575036023415_Frame%205%20copy%20copy.png","livePreviewURL":"https://ld-wp73.template-help.com/wordpress/prod_25592/v3/","metaDescription":"Clean blog WordPress theme you've waited for - it's time for Gutenberg and Gutenberry!Meet Gutenberry minimal WordPress theme, meant to work with Gutenberg","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2VcMETj","customUrl":"/wordpress-themes/gutenberry-gutenberg-based-clean-blog-wordpress-theme-86977.html","demoMetaDescription":"View the live preview for the Gutenberry - Gutenberg-based Clean Blog WordPress Theme (#86977) to learn what this theme is before buying it. Browse through the pages, check the images, press the buttons, explore the features.","trendiness":"1","specificTemplateNameListing":"Gutenberry - Clean Blog WordPress Theme for Gutenberg editor","specificTemplateNamePreview":"Gutenberry - Clean Blog WordPress Theme for Gutenberg editor","lastmod":"2022-03-13T05:43:50-04:00","changeLogDate":"2019-12-27","isOldDemoUrl":"1","wpWoo":"1","reviewsTotal":"2","reviewAverageScore":"5","advImage":"https://s3.tmimgcdn.com/templates/46856/scr/1519369-1602074196799_GutenBerry.png","imagesIncluded":"Yes","tags":["articles","best","design","gutenberg","magazine","minimalist","modern","news","personal","responsive","site","template","theme","themes","wordpress","blogger","blog","seo","blogs","emplates"],"wordpressEngine":"5.5.x","wordPressBuilder":"Gutenberg Editor","productSize":"231509051","wordpressCompatibility":"5.6.x","paidSupport":"Yes","featured":"Ukraine","wordpressComCompatibility":"Not Compatible","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorMainScreenshotVersion":"2","types":"WordPress Themes","templateIcon":"icon-wordpress","hELPURL":"/quick-start-guide/wordpress/","followUpLetter":"wp-themes-offers","productFamily":"None","templateGroup":"Wordpress Store","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, 26 Apr 2024 14:00:55 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=86977&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=86977&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=86977&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 14:05:55 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://ld-wp73.template-help.com/wordpress/prod_25592/v3/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#86977 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/86977.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 #86977            </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=86977&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>