string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58830&expand=properties"
string(15382) "[{"templateId":58830,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion Responsive Joomla Template","templatePreviewHtmlTitle":"Fashion Joomla Template #58830 - TemplateMonster","templateDemoHtmlTitle":"Demo for Fashion Joomla Template #58830","typeShortName":"Joomla","templatePreviewFBTitle":"This <b>fashion blog Joomla template</b> features a trendy <em>card-based layout</em> to present your content with flavor. On hover, each card gets subdued, thus bringing the content laid over it into focus. To navigate your resource, there is a <em>sidebar-based menu</em> that stays in sight while page scrolling. In addition to content categories, visitors can also access links to social media profiles in the sidebar. This <em>responsive template</em> comes with a <em>grid-based portfolio</em>, where projects can be sorted by name, date and popularity. When it comes to customization, you can change the default palette with one click only. A <em>built-in customizer</em> allows you to switch between various pre-made color blends.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is Fashion & Beauty Store Joomla design theme with Portfolio</h3> <p><b>What is it?</b></p><p>The portfolio is some sort of an album, with examples of your work. For an indoor designer that would be pictures of places he styled, for web-developer, it is a set of online resources he crafted. The portfolio is known as a demonstration of your competencies.</p> <p><b>Why is it Good?</b></p><p>Portfolio web-sites come to be an increasing number of well-known for contemporary designers, professional photographers and developers. End users or hiring managers could analyze your proficiency from the initial stop at your webpage and quickly determine whether they need to employ you.</p><p>Find latest <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla design themes</a> here</p> <h3>This is a Bootstrap Beauty Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a collection of tools with an open source code. It is suitable for building websites and web applications using HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website can adjust its content to any display size. It's important for both Search engine optimisation and website visitors.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <h3>This Beauty Joomla template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adapted to the displays of all dimensions on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will offer a great viewing experience to all users across all devices. </p><p>View latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</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/launch-fashion-blog-15-trendy-templates/\">Want to Launch a Fashion Blog? 15 Trendy Templates to Make it Rock!</a></p>","templateFullTitle":"Fashion Joomla Template","templatePreviewMetaDescription":"This fashion blog Joomla template features a trendy card-based layout to present your content with flavor. On hover, each card gets subdued, thus bringing the","templateDemoMetaDescription":"Before you buy it, get knowledgeable about the professional Fashion Joomla Template (#58830) by visiting the demo. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Fashion Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/fashion-responsive-joomla-template-58830.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":45,"inserted_date":"2016-05-24","sent":2,"downloads":63,"search_words":"fashion style fashion beauty news styles brands trends designers models fashion shows collections","is_adult":0,"exc_price":4500,"sent_date":"2016-06-07 06:15:10","last_upload":"2016-05-24 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":300,"filename":"58830-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":320,"window_params":"","banner_url":"","id":1655032,"href":"","height":900},{"scr_type_id":311,"filename":"58830-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":965,"window_params":"","banner_url":"","id":1655033,"href":"","height":940},{"scr_type_id":3,"filename":"58830-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":408,"window_params":"","banner_url":"","id":1655034,"href":"","height":55},{"scr_type_id":78,"filename":"58830-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58830,"width":970,"window_params":"","banner_url":"","id":1655035,"href":"","height":280},{"scr_type_id":299,"filename":"58830-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":430,"window_params":"","banner_url":"","id":1655036,"href":"","height":900},{"scr_type_id":179,"filename":"58830-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":430,"window_params":"","banner_url":"","id":1655037,"href":"","height":60},{"scr_type_id":9,"filename":"58830-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":145,"window_params":"","banner_url":"","id":1655038,"href":"","height":141},{"scr_type_id":298,"filename":"58830-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":430,"window_params":"","banner_url":"","id":1655039,"href":"","height":652},{"scr_type_id":178,"filename":"58830-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":430,"window_params":"","banner_url":"","id":1655040,"href":"","height":419},{"scr_type_id":314,"filename":"58830-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":1663,"window_params":"","banner_url":"","id":1655041,"href":"","height":1620},{"scr_type_id":312,"filename":"58830-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":370,"window_params":"","banner_url":"","id":1655042,"href":"","height":370},{"scr_type_id":3,"filename":"58830-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":895,"window_params":"","banner_url":"","id":1655043,"href":"","height":599},{"scr_type_id":3,"filename":"58830-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":1663,"window_params":"","banner_url":"","id":1655044,"href":"","height":1620},{"scr_type_id":315,"filename":"58830-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":1663,"window_params":"","banner_url":"","id":1655045,"href":"","height":1620},{"scr_type_id":334,"filename":"58830-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58830,"width":1600,"window_params":"","banner_url":"","id":1655046,"href":"","height":1000}],"demoUrl":"/demo/58830.html","image":"https://s.tmimgcdn.com/scr/58800/fashion-joomla-template_58830-0-original.jpg","searchHash":"552fb7c189d57e18bf101484f1b5361c","previewHash":"d05c1c7ae4db688a2cbc7aed85b280ea","authorNickname":"RockThemes","lowLevelTopic":"Fashion Templates","weightedRating":4.357142857142857,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":45,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template is a perfect option for fashion, beauty, gifts, jewelry, design, and art sites.","joomlaModules":["Articles - Newsflash","Articles Single","CarouFredSel","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"reviewAverageScoreEs":"5","uniqueKeywords":"Fashion","metaDescription":"Need a modern, feature-rich design? Try this fashion blog Joomla template with sidebar navigation, card layout, sortable portfolio, color switcher, etc.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58800/58830-en_01.jpg, https://s.tmimgcdn.com/scr/58800/58830-en_02.jpg, https://s.tmimgcdn.com/scr/58800/58830-en_03.jpg, https://s.tmimgcdn.com/scr/58800/58830-en_04.jpg, https://s.tmimgcdn.com/scr/58800/58830-en_05.jpg, https://s.tmimgcdn.com/scr/58800/58830-en_06.jpg, https://s.tmimgcdn.com/scr/58800/58830-en_07.jpg, https://s.tmimgcdn.com/scr/58800/58830-en_08.jpg, https://s.tmimgcdn.com/scr/58800/58830-en_09.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Portfolio","Forum","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.5.1","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","htmlTitle":"fashion blog Joomla template","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.4","imageDescription":"https://s.tmimgcdn.com/scr/58800/58830-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","PHP editor."],"lastmod":"2021-01-11T08:35:01-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you buy it, get knowledgeable about the professional Fashion Joomla Template (#58830) by visiting the demo. View the pages, check the images, press the buttons, explore the functionality.","shortDescription":"This <b>fashion blog Joomla template</b> features a trendy <em>card-based layout</em> to present your content with flavor. On hover, each card gets subdued, thus bringing the content laid over it into focus. To navigate your resource, there is a <em>sidebar-based menu</em> that stays in sight while page scrolling. In addition to content categories, visitors can also access links to social media profiles in the sidebar. This <em>responsive template</em> comes with a <em>grid-based portfolio</em>, where projects can be sorted by name, date and popularity. When it comes to customization, you can change the default palette with one click only. A <em>built-in customizer</em> allows you to switch between various pre-made color blends.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is Fashion & Beauty Store Joomla design theme with Portfolio</h3> <p><b>What is it?</b></p><p>The portfolio is some sort of an album, with examples of your work. For an indoor designer that would be pictures of places he styled, for web-developer, it is a set of online resources he crafted. The portfolio is known as a demonstration of your competencies.</p> <p><b>Why is it Good?</b></p><p>Portfolio web-sites come to be an increasing number of well-known for contemporary designers, professional photographers and developers. End users or hiring managers could analyze your proficiency from the initial stop at your webpage and quickly determine whether they need to employ you.</p><p>Find latest <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla design themes</a> here</p> <h3>This is a Bootstrap Beauty Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a collection of tools with an open source code. It is suitable for building websites and web applications using HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website can adjust its content to any display size. It's important for both Search engine optimisation and website visitors.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <h3>This Beauty Joomla template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adapted to the displays of all dimensions on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will offer a great viewing experience to all users across all devices. </p><p>View latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</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/launch-fashion-blog-15-trendy-templates/\">Want to Launch a Fashion Blog? 15 Trendy Templates to Make it Rock!</a></p>","joomlaCompatibility":"3.8","tags":["beauty","brands","collections","designers","fashion","models","news","shows","style","styles","trends"],"customUrl":"/joomla-templates/fashion-responsive-joomla-template-58830.html","badge":"badge-responsive","nameOfTheTemplate":"Fashion Joomla Template","pHPVersionCompatibility":"7.x","topic":["Fashion Templates","Fashion & Beauty"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","grey","brown"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"4","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_58830","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>- 3 CSS bugs fixed</li>\n<li>- 1 JS issue fixed</li>\n<li>- 1 minor font issue fixed</li>\n<li>- 3 back-end issues fixed</li>\n<li>- 1 minor styles issue fixed</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","reviewsTotalEs":"1","bitLyUrl":"http://bit.ly/1Y5CrUJ","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"2048px","skupromo":"21%","marketplaceMembership":"One","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: Wed, 25 Dec 2024 05:20:27 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=58830&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58830&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58830&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 25 Dec 2024 05:25:27 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://livedemo00.template-help.com/joomla_58830<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58830 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/58830.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 #58830            </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=58830&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $41                <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>