string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58311&expand=properties"
string(14644) "[{"templateId":58311,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":124,"categoryName":"Publishing Company Templates","templateTitle":"Publishing Company Responsive Joomla Template","templatePreviewHtmlTitle":"Paper Star Joomla Template #58311 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Paper Star Joomla Template #58311","typeShortName":"Joomla","templatePreviewFBTitle":"Paper Star is a <b>publishing house Joomla template</b> with a <em>responsive, clutter-free</em> and <em>easy-to-navigate layout</em>. Its design is notable for a thought-out arrangement of <em>square shapes</em> whose bright coloring stands out in the snow white background. <em>Dropdown menu categories, login</em> and <em>registration options</em> keep the interface cleaner. You can also add interest to your content presentation using various UI elements, from <em>tabs, accordions</em> and <em>tables</em> to <em>progress bars</em> and <em>counters</em>. This Bootstrap-powered template comes with all the <em>must-have blocks</em> to introduce your publishing house, e.g. new releases, testimonials, contact info and others.<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 Publishing Agency Joomla template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the web page changes its shape and size to match any type of screen, from the tiniest devices to the largest PC monitors. For each and every device, website page elements enlarge or greatly reduce to appear perfect.</p> <p><b>Why is it Good?</b></p><p>Regardless of sort of device your end users might use to enter the website - they will certainly view a vivid picture that has a handy navigation menu. It is really an especially imperative feature, bearing in mind that almost all users at present choose their smartphones for web surfing.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla designs</a> here</p> <h3>This is a Bootstrap Education Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for developing online pages.</p> <p><b>Why is it Good?</b></p><p>By making use of Bootstrap, you can make 100 percent responsive web designs utilizing HTML and CSS based web themes for typography, fonts, forms, buttons, tables, et cetera.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Paper Star Joomla Template","templatePreviewMetaDescription":"Paper Star is a publishing house Joomla template with a responsive, clutter-free and easy-to-navigate layout. Its design is notable for a thought-out","templateDemoMetaDescription":"Before you buy it, get the feel and look of the premium Paper Star Joomla Template (#58311) by experiencing the live preview. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Paper Star Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/paper-star-joomla-template-58311.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2016-04-27","sent":2,"downloads":6,"search_words":"paper star publishing co book books publish publisher author press story novel fiction detective science","is_adult":0,"exc_price":4500,"sent_date":"2016-04-29 06:15:07","last_upload":"2016-04-27 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":312,"filename":"58311-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":370,"window_params":"","banner_url":"","id":1651703,"href":"","height":370},{"scr_type_id":3,"filename":"58311-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":408,"window_params":"","banner_url":"","id":1651704,"href":"","height":55},{"scr_type_id":179,"filename":"58311-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":430,"window_params":"","banner_url":"","id":1651705,"href":"","height":60},{"scr_type_id":315,"filename":"58311-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":1800,"window_params":"","banner_url":"","id":1651706,"href":"","height":4770},{"scr_type_id":299,"filename":"58311-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":430,"window_params":"","banner_url":"","id":1651707,"href":"","height":900},{"scr_type_id":334,"filename":"58311-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":1600,"window_params":"","banner_url":"","id":1651708,"href":"","height":1000},{"scr_type_id":3,"filename":"58311-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":1800,"window_params":"","banner_url":"","id":1651709,"href":"","height":4770},{"scr_type_id":300,"filename":"58311-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":320,"window_params":"","banner_url":"","id":1651710,"href":"","height":900},{"scr_type_id":178,"filename":"58311-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":430,"window_params":"","banner_url":"","id":1651711,"href":"","height":1140},{"scr_type_id":78,"filename":"58311-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58311,"width":970,"window_params":"","banner_url":"","id":1651712,"href":"","height":280},{"scr_type_id":9,"filename":"58311-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":145,"window_params":"","banner_url":"","id":1651713,"href":"","height":156},{"scr_type_id":3,"filename":"58311-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":895,"window_params":"","banner_url":"","id":1651714,"href":"","height":599},{"scr_type_id":298,"filename":"58311-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":430,"window_params":"","banner_url":"","id":1651715,"href":"","height":900},{"scr_type_id":311,"filename":"58311-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":965,"window_params":"","banner_url":"","id":1651716,"href":"","height":2557},{"scr_type_id":314,"filename":"58311-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58311,"width":2050,"window_params":"","banner_url":"","id":1651717,"href":"","height":4770}],"demoUrl":"/demo/58311.html","image":"https://s.tmimgcdn.com/scr/58300/paper-star-joomla-template_58311-0-original.jpg","searchHash":"a63d76e3c1559cf979576f55e9b2bbe4","previewHash":"d589f48edb98710bf7c2a90f533c04cf","authorNickname":"RockThemes","lowLevelTopic":"Publishing Company Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template is a recommended for books, education, society, culture, and business sites.","categoriesView":"Thumbnails","joomlaModules":["Articles - Newsflash","Articles Single","CarouFredSel","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"Publishing company","metaDescription":"Need to promote books on the web? Use this publishing house Joomla template with a responsive layout, square shapes, dropdowns, and variety of UI elements.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58300/58311-en_01.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_02.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_03.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_04.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_05.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_06.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_07.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_08.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_09.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_10.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_11.jpg, https://s.tmimgcdn.com/scr/58300/58311-en_12.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.4.x","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Publishing House Joomla template","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.1","imageDescription":"https://s.tmimgcdn.com/scr/58300/58311-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","PHP editor."],"lastmod":"2020-11-12T11:59:33-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you buy it, get the feel and look of the premium Paper Star Joomla Template (#58311) by experiencing the live preview. View the pages, check the images, click the buttons, explore the features.","shortDescription":"Paper Star is a <b>publishing house Joomla template</b> with a <em>responsive, clutter-free</em> and <em>easy-to-navigate layout</em>. Its design is notable for a thought-out arrangement of <em>square shapes</em> whose bright coloring stands out in the snow white background. <em>Dropdown menu categories, login</em> and <em>registration options</em> keep the interface cleaner. You can also add interest to your content presentation using various UI elements, from <em>tabs, accordions</em> and <em>tables</em> to <em>progress bars</em> and <em>counters</em>. This Bootstrap-powered template comes with all the <em>must-have blocks</em> to introduce your publishing house, e.g. new releases, testimonials, contact info and others.<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 Publishing Agency Joomla template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the web page changes its shape and size to match any type of screen, from the tiniest devices to the largest PC monitors. For each and every device, website page elements enlarge or greatly reduce to appear perfect.</p> <p><b>Why is it Good?</b></p><p>Regardless of sort of device your end users might use to enter the website - they will certainly view a vivid picture that has a handy navigation menu. It is really an especially imperative feature, bearing in mind that almost all users at present choose their smartphones for web surfing.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla designs</a> here</p> <h3>This is a Bootstrap Education Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for developing online pages.</p> <p><b>Why is it Good?</b></p><p>By making use of Bootstrap, you can make 100 percent responsive web designs utilizing HTML and CSS based web themes for typography, fonts, forms, buttons, tables, et cetera.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design themes</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":["3.5","3.8"],"tags":["author","book","books","company","detective","fiction","novel","paper","press","publish","publisher","publishing","science","star","story"],"customUrl":"/joomla-templates/paper-star-joomla-template-58311.html","badge":"badge-responsive","nameOfTheTemplate":"Paper Star Joomla Template","pHPVersionCompatibility":"7.x","topic":["Books","Publishing Company Templates","Education & Books"],"styles":["Clean","Neutral","Flat"],"imagesList":"Depositphotos12245697EL4,Depositphotos13268019original,Depositphotos13593740original,Divergent Series Complete Box Set 5,Fifty Shades Trilogy- Fifty Shades of Grey Fifty Shades Darker Fifty Shades Freed 3-volume Boxed Set by E L James 1,George R. R. Martin's A Game of Thrones 5-Book Boxed Set Song of Ice and Fire series A Game of Thrones A Clash of Kings A Storm of Swords A Feast for Crows and A Dance with Dragons 5,Major Works of Charles Dickens 5,Mistborn Trilogy by Brandon Sanderson 2,Outlander Book Series by  Diana Gabaldon 7","productFamily":"None","color":["white","grey","green"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"2","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"2.3.1","livePreviewURL":"https://livedemo00.template-help.com/joomla_58311","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul>\n<li>- 1 minor HTML bugs fixed</li>\n<li>- 1 minor CSS bugs fixed</li>\n<li>- 1 font issue fixed</li>\n<li>- 2 minor back-end bugs fixed</li>\n<li>- 2 minor front-end issues fixed</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1WuGaKK","webForms":["Contact Form","Login Form","User Registration","Advanced Search","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"40%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 28 Apr 2024 21:29:16 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=58311&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58311&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58311&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 28 Apr 2024 21:34:16 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.template-help.com/joomla_58311<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58311 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/58311.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 #58311            </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=58311&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $43                <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>